关闭

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

时间: 2018-04-20阅读: 4418标签: 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函数执行失败,alert函数弹框一闪而过

原因其实非常简单,把form表单里最后提交按钮的type=submit换为type=button,因为这个原因浪费了挺久时间,甚至把代码又从头到尾写了一遍(感觉自己好蠢啊!),总结了一下调试过程。

在jQuery中使用自定义属性

在jquery中 自定义属性及值,默认以下都是在class=‘acitve‘对象中 进行自定义属性操作:自定义属性格式:data-xxxx;审查元素是看不到该属性的,只能输出控制台可以看到该值。

jQuery不同版本的差异對比

1.x版本:兼容ie678,使用最为广泛的,官方只做bug维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4

两种方法使vue实现jQuery调用

vue是前端工程化使用较多的骨架,那么JavaScript就是我们的前端的细胞。MVVM模式让我们体验到前端开发的便携,无需再过多的考虑DOM的操作。而jQuery需要记忆的内容颇多

jquery设置属性attr

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

jQuery中页面返回顶部的方法总结

当页面过长时,通常会在页面下方有一个返回顶部的button,总结一下,大概三种实现方法,下面说下各方法及优缺点。三个方法各有优劣,不过总体来讲,jQuery的方法更适合大多数场景。

jQuery ui中sortable draggable droppable的使用

最近工作中用到了jQuery UI中排序和拖拽功能,花了大概一天的时间,搞清楚了大概的参数配置,以及遇到的一些问题,总结如下。

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

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

jquery版本过低安全漏洞问题

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

前端jquery防止数据重复提交

前端在向后端进行数据提交的时候,通常会需要在第一次提交返回前,阻止用户在快速点击发送二次请求,即防止重复提交,最简单的方法是使用标志参数或者 class 元素控制

点击更多...

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