jQuery技术

js报TypeError $(...) is null错误,jquery失效的原因及解决办法

字号+ 作者:H5之家 来源:H5之家 2017-05-02 09:08 我要评论( )

最近在工作中发现个问题,原本好好的网页,写了一些自己的jquery代码之后,竟然总是不起作用,无论写的多么简单,都不起作用,似乎jquery失效了一般,在火狐下调

 最近在工作中发现个问题,原本好好的网页,写了一些自己的jquery代码之后,竟然总是不起作用,无论写的多么简单,都不起作用,似乎jquery失效了一般,在火狐下调试看了下,页面报TypeError $(...) 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() ); }); });

您可能感兴趣的文章

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery表单验证插件jQuery.validate.js

    JQuery表单验证插件jQuery.validate.js

    2016-11-13 14:00

  • JQuery中的文件上传插件uploadify发送空请求错误的问题

    JQuery中的文件上传插件uploadify发送空请求错误的问题

    2015-10-06 18:00

  • seajs初尝 加载jquery返回null解决学习日志

    seajs初尝 加载jquery返回null解决学习日志

    2015-10-05 11:22

网友点评