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

更新日期: 2018-04-20 阅读: 7.7k 标签: 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" />

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



本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/678

相关推荐

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

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

jQuery动画的hover连续触发动画bug处理_让hover事件只触发一次动画的实现

一个简单的鼠标滑过的动画而已,但是当我测试的时候发现。事件就被触发了多次,动画也就重复了多次,怎么才能不重复出现,这是由于元素绑定hover事件之后,如果光标移入移出的速度太快,导致移入的动画还没执行完。

jquery实现点击控制div的显示和隐藏

我们使用点击显示、点击隐藏的时候,一般有两种可选方案,toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示

JQuery 自动触发事件

在JQuery中,可以使用trigger()方法完成模拟操作,trigger()方法不仅能触发浏览器支持的具有相同名称的事件,也可以触发自定义名称的事件。rigger(type[,data])方法有两个参数

jquery设置属性attr

jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。attr(属性名)、attr(属性名, 属性值)、attr(属性名,函数值)、attr(properties)

是时候和 jQuery 说拜拜了么?

在网络上也时不时会看到,“是时候和jQuery说拜拜了”,最著名的莫过于在2013年的这篇文章You Might Not Need jQuery。

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

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

原生js中DOM对象转成jQuery对象、jQuery 对象转成 DOM 对象的实现

jquery是对js语言的封装、扩展,实现了对浏览器的兼容,使用jquery能让操作更方便简洁,这篇文章主要讲解原生js中Dom对象和jquery对象的相互转换。

Jquery插件开发的方法总汇

jquery插件是用来扩展jquery对象的一种方法,它的使用方法是通过jquery对象$来调用。其中Jquery插件开发一共有三种方式:$.extend(),$.fn,$.widget()

jQuery如何为指定标签添加和删除一个样式

在网页的实际应用中,需要根据不同的条件来改变元素的CSS样式,通过动态的给元素添加删除一个CSS类可以实现此功能,下面通过实例来介绍一下如何实现此种功能。

点击更多...

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