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() );
	});
});
相關文章
相關標籤/搜索