最近在工做中發現個問題,本來好好的網頁,寫了一些本身的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() ); }); });