关闭

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

时间: 2018-04-20阅读: 4243标签: 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.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

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

关闭

两种方法使vue实现jQuery调用

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

js和jquery设置css的几种方式

js设置样式的方法: 直接设置style的属性 某些情况用这个设置 !important值无效、直接设置属性(只能用于某些属性,相关样式会自动识别); 使用setProperty 如果要设置!important,推荐用这种方法设置第三个参数

JQuery的ajax函数执行失败,alert函数弹框一闪而过

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

高效Web开发的10个jQuery代码片段

在过去的几年中,jQuery一直是使用最为广泛的JavaScript脚本库。今天我们将为各位Web开发者提供10个最实用的jQuery代码片段,有需要的开发者可以保存起来。

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

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

jquery版本过低安全漏洞问题

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

jquery动画实现_浅谈jQuery之动画

jQuery提供了JS未能提供的动画效果,利用jQuery的动画效果,可以极大的简化JS动画部分的逻辑,包括:滑入滑出动画、淡入淡出动画、显示隐藏动画、停止动画、自定义动画

时隔一年,jQuery 发布 3.4.0 版本

jQuery 团队的核心开发者 Timmy Willison 今天在官网宣布了 jQuery 3.4.0,这距离上个版本 3.3.x 系列的推出已过去了一年多。Timmy 表示这可能是 3.x 分支的最后一个小版本更新,接下来的工作重心将是 jQuery 4.0 大版本的更新。

Eclipse去除jquery引入错误

去除eclipse的JS验证:第二步:右键项目 -> properties -> Builders 去掉JavaScript Validator 前面的勾,第三步:复制该js文件到某个地方,然后从eclipse中直接删除 了报错的js文件,错误消失,再把刚才那个js文件拷进来。

前端UI攻城狮 你们该抛弃jQuery了

Web工程师太依赖jQuery了,某种意义上说jQuery已经成了JavaScript的同义词。但是我们真的需要他么?或许我们应该反思一下什么时候才真的需要jQuery。对我个人而言开始使用jQuery的理由是他把我的工作变得简单多了

点击更多...

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