jquery分页插件pagination.js报错pagination is not a function的bug解决方法
在使用jquery.pagination.js插件的时候,会出现pagination is not a function的错误,这是什么原因导致的呢?这里为大家整理一下,请对比自己的代码参考!
1、重复引用jQuery
如果第一次初始化时分页可用,后续再次调用分页则报错$(.).pagination is not a function。这可能是由于你首先引入了一个jquery文件,然后引入分页插件(jquery.pagination.js),在后面又再次引入一个jquery文件导致的。
第二次引入的jQuery文件加载完成之后会覆盖之前的jQuery.js,后续调用的jQuery方法其实都是第二次引入的jQuery.js文件中的方法,此时的jQuery对象上没有插件的扩展方法。
尤其是在嵌套页面时候,要注意jquery重复的引用导致错乱问题;还有防止jquery和其它插件相互冲突!
2、dom未加载完成就执行
检查代码是在dom还未加载就开始执行了,这样会有报上述错误,请使用$(document).ready的方式,或者将代码块放于页面尾部,等dom加载完成后在执行就OK了。
3、使用闭包导致
在控制台中出现$(function(){//code}) is not a function的提示,但是code代码块任然成功运行了,页面也没出现异常,这可能是使用了闭包最后后面加了一对括号引起的 ,如下:
$(function(){
//code
})();4、jquery版本问题
如果你引入的jquery版本为1.9的,pagination.js插件需要引入的jq版本为1.4;需要把最后的(jQuery) 替换为($)就可以了。
5、检查文件的加载
<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
<script src="js/jquery.pagination.js" type="text/javascript"></script>
<link href="css/pagination.css" rel="stylesheet" type="text/css" />在使用前,确保上述文件以及加载了。没有加载也会出现上述错误哦!
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!