jquery分页插件pagination.js报错pagination is not a function的bug解决方法

时间: 2018-04-20阅读: 4575标签: jquery

在使用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" />

在使用前,确保上述文件以及加载了。没有加载也会出现上述错误哦!



站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/678

jquery的ajax中的参数理解

jquery中的ajax方法参数详解,这里整理了一些供大家参考:url、type、dataType、async、headers、beforeSend (XHR)、cache、data、traditional、contentType、success(data,textStatus,XHR)等

jQuery属性操作之.val()函数

val()实例方法的三种用法:.val() : 获取匹配的元素集合中第一个元素的当前value属性值(property).val(value) : 设置匹配的元素集合中每个元素的value属性值(property).val(function(index,value){}) :钩子函数未设置或无效时

jquery版本过低安全漏洞问题

最近在做项目的时候扫描除了很多js版本过低的问题,主要集中在1.x 2.x 还有1.12jQuery&<2.2 jQuery,过滤用户输入数据的正则存在缺陷,可能造成跨站漏洞,具体修复介绍可以查看官方。

jquery中toggleClass(), index()

toggleClass()对设置货已出被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类,如果不存在则添加类,如果已设置则将之删除。这就是所谓的切换效果,不过通过“switch”参数,只能够规定只删除或者添加类。

jQuery 常用小技巧分享

整理一些简单技巧的集合,帮你提升 jQuery 技能,你可以直接拿来使用,下面内容包括:禁止右键点击、隐藏搜索文本框文字、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器...

wrap_jQuery wrap()的用法

jQuery中wrap()用于把所有匹配的元素用其他元素的结构化标记包裹起来。这种包装对于在文档中插入额外的结构化标记最有用,而且它不会破坏原始文档的语义品质。这个函数的原理是检查提供的第一个元素(它是由所提供的HTML标记代码动态生成的)

jQuery实现全选、全不选以及反选操作

在写购物车案例时实现全选操作使用的是js的getAttribute()setAttribute()方法获取checked属性的值是undefined实现完成之后全选操作,如果在全选中的情况下改变其中一个的状态再点击全选,之前被取消的将不在被选中。之后使用js的DOM.checked属相的获得是true或false,操作很方便,很完美没有bug

原生JS替代jQuery的各种方法汇总

前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少。

jQuery中四个绑定事件的区别 on,bind,live,delegate

jQ中提供了四种事件监听方式,bind、live、delegate、on,对应的解除监听的函数分别是unbind,die,undelegate,off.用.bind(),把相同的一个事件处理机制用到所有匹配的DOM元素上;多事件处理

jQuery的链式编程风格

上述代码的扩展效果就是通过jQuery的链式操作实现的,所有增加current类的操作、查询子元素的方法调用、动画方法的调用等都是对同一个元素进行的,所以在开始获取到一个jQuery对象后,后面的所有方法、属性的调用都通过

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!