今天做了一個例子，用jquery和jquery插件 lightbox做了圖片浮動放大效果，沒有任何問題。

然后再加了一個 導(dǎo)航欄的js，結(jié)構(gòu)導(dǎo)航的js和圖片浮動放大的js發(fā)生了沖突，

要么就只有導(dǎo)航欄的js有效，要么就只有圖片浮動js有效。

結(jié)果上網(wǎng)搜了搜，解決辦法有如下

jQuery.noConflict()

概述
運行這個函數(shù)將變量$的控制權(quán)讓渡給第一個實現(xiàn)它的那個庫。

這有助于確保jQuery不會與其他庫的$對象發(fā)生沖突。

在運行這個函數(shù)后，就只能使用jQuery變量訪問jQuery對象。例如，在要用到$("div p")的地方，就必須換成jQuery("div p")。

'''注意:'''這個函數(shù)必須在你導(dǎo)入jQuery文件之后，并且在導(dǎo)入另一個導(dǎo)致沖突的庫'''之前'''使用。當(dāng)然也應(yīng)當(dāng)在其他沖突的庫被使用之前，除非jQuery是最后一個導(dǎo)入的。示例

描述:
將$引用的對象映射回原始的對象。

jQuery 代碼:
jQuery.noConflict();
// 使用 jQuery
jQuery("div p").hide();
// 使用其他庫的 $()
$("content").style.display = 'none';

描述:
恢復(fù)使用別名$，然后創(chuàng)建并執(zhí)行一個函數(shù)，在這個函數(shù)的作用域中仍然將$作為jQuery的別名來使用。在這個函數(shù)中，原來的$對象是無效的。這個函數(shù)對于大多數(shù)不依賴于其他庫的插件都十分有效。

jQuery 代碼:
jQuery.noConflict();
(function($) {
  $(function() {
    // 使用 $ 作為 jQuery 別名的代碼
  });
})(jQuery);
// 其他用 $ 作為別名的庫的代碼描述:
創(chuàng)建一個新的別名用以在接下來的庫中使用jQuery對象。

jQuery 代碼:
var j = jQuery.noConflict();
// 基于 jQuery 的代碼
j("div p").hide();
// 基于其他庫的 $() 代碼
$("content").style.display = 'none';

jQuery.noConflict();
(function($) {
  $(function() {
    // 使用 $ 作為 jQuery 別名的代碼  我把導(dǎo)航的js代碼寫在這中間就行了
  });
})(jQuery);
// 其他用 $ 作為別名的庫的代碼

最新評論