jquery失效的缘由及解决办法(1)

最近在工做中发现个问题,本来好好的网页,写了一些本身的jquery代码以后,居然老是不起做用,不管写的多么简单,都不起做用,彷佛jquery失效了通常,在火狐下调试看了下,页面报TypeError $(...) is null这种错误,找了半天缘由最后发现竟是页面中加载的一个插件给捣的鬼,是它将jquery的$方法给覆盖了。对于这个问题,如今分享两种解决方法。php

(1)删冲突插件,jquery做为基础库,固然是没有理由被删了。这个方法最直接了。jquery

(2)将jquery的$方法更名,具体更名方法以下:this

jQuery.noConflict();//将变量$的控制权让渡给给其余插件或库
jQuery(function(){//不在直接使用$,而是使用jQuery
	jQuery("p").click(function(){
		alert( jQuery(this).text() );
	});
});

固然若是你感受jquery写起来比较累,还能够这么写:spa

var $phpernote=jQuery.noConflict();//自定义一个比较短快捷方式
$phpernote(function(){//使用jQuery
	$phpernote("p").click(function(){
		alert( $phpernote(this).text() );
	});
});
相关文章
相关标签/搜索