js报TypeError $(...) is null错误,jquery失效的原因及解决办法
2016-04-29 17:11
453 查看
最近在工作中发现个问题,原本好好的网页,写了一些自己的jquery代码之后,竟然总是不起作用,无论写的多么简单,都不起作用,似乎jquery失效了一般,在火狐下调试看了下,页面报TypeError
$(...) is null这种错误,找了半天原因最后发现竟是页面中加载的一个插件给捣的鬼,是它将jquery的$方法给覆盖了。对于这个问题,现在分享两种解决方法。
(1)删冲突插件,jquery作为基础库,当然是没有理由被删了。这个方法最直接了。
(2)将jquery的$方法改名,具体改名方法如下:
当然如果你感觉jquery写起来比较累,还可以这么写:
$(...) is null这种错误,找了半天原因最后发现竟是页面中加载的一个插件给捣的鬼,是它将jquery的$方法给覆盖了。对于这个问题,现在分享两种解决方法。
(1)删冲突插件,jquery作为基础库,当然是没有理由被删了。这个方法最直接了。
(2)将jquery的$方法改名,具体改名方法如下:
jQuery.noConflict();//将变量$的控制权让渡给给其他插件或库 jQuery(function(){//不在直接使用$,而是使用jQuery jQuery("p").click(function(){ alert( jQuery(this).text() ); }); });
当然如果你感觉jquery写起来比较累,还可以这么写:
var $phpernote=jQuery.noConflict();//自定义一个比较短快捷方式 $phpernote(function(){//使用jQuery $phpernote("p").click(function(){ alert( $phpernote(this).text() ); }); });
相关文章推荐
- jQuery控制TR显示隐藏
- Jquery改变td内容为1的颜色
- jquery 垂直无限轮播
- jQuery时间验证和转换为标准格式的时间
- jquery 子窗体获取父窗体控件并赋值,后台调用前台脚本或者在后台直接写脚本
- jquery Jbox 插件实现弹出窗口在修改的数据之后,关闭弹出窗口刷新父页面的问题
- 一个用jquery写的判断div滚动条到底部的方法【推荐】
- jQuery全屏滚动插件FullPage.js中文帮助文档API
- 文件上传功能 -- jquery.form.js/springmvc
- 浅析jquery如何判断滚动条滚到页面底部并执行事件
- jQuery中数据缓存$.data的用法及源码完全解析
- jQuery中的ajax补充
- text-align与val()
- jQuery基础 - 改变CSS样式
- JavaScript、Dom和jQuery
- Jquery正则表达式公式.例子
- jquery对象与js对象的相互转换
- 什么是jQuery?
- jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
- Jquery内容选择器和表单选择器