Jquery易選項卡中頁面之間的沖突，嘗試使用jquery noconflict解決

Question

我有一個簡單的標簽頁，其中包含三個不同的頁面（TAB1，TAB2，TAB3）。

Tab.php

Tab1 | Tab2 | Tab3

// Tab1具有滑塊插件（帶有Jquery UI）// Tab2具有選擇列表的自動完成功能

沖突來自因為兩個函數要使用jquery變量。

兩頁包含jquery插件，但只有jquery版本（jquery-1.11.1.min.js）

僅啟用一個選項卡（僅注釋鏈接）時，這些選項卡才能正常工作（顯示元素，jquery方法正確運行）。

我使用無沖突的jQuery嘗試解決此問題（在主選項卡頁面和個人頁面之間存在沖突之前）：

<script type="text/javascript" src="jquery-1.11.1.min.js"></script>     
<script type="text/javascript">   
 var s = $.noConflict();
</script>    

所以在子頁面（tab1）上我像這樣使用：

s(document).ready(function(){.....}

我還嘗試定義第二個快捷方式（首先我也嘗試在其中使用相同的“ s”）：

<script type="text/javascript" src="jquery-1.11.1.min.js"></script>     
<script type="text/javascript">     
var j = $.noConflict();
 var s = $.noConflict();
    </script> 

不能在Tab2頁面上使用它，這對我來說不是解決方案.Diseable Tab1並使用'j'也很好。

另一個重要的事情是每次下載的正確下載的頁面都正確顯示，所以我知道沖突是因為jquery變量（覆蓋它或類似的東西）。

我試圖自行尋找解決方案，但我找不到。請幫助我

• 更新1：

如前所述，在此之前我做了很多研究： jQuery選項卡與Revolution滑塊沖突

這個問題與我的問題非常相似，但是區別在於我有更多的選項卡，更多的沖突，所以我認為如果我使用更多的快捷方式將可以解決問題。

• Update2：插件之間的干擾多於沖突。 使用

  var s = $ .noConflict（true）;

完全丟了整個頁面，甚至選項卡都無法正常工作首先是tab.php加載，它正在使用jquery全局變量，而不是如果我單擊Tab1，它也想要使用全局變量，如果單擊在Tab2上也需要jquery變量，所以bumm的干擾已經准備好

• Update3：經過大量研究，我發現問題不在於noconflict。 當我完全重新加載該頁面時，將正確呈現Tab2（upload.php）頁面。

   s(document).ready(function(s) {//without the ready it does not rendered even after F5 

  s（“＃modell”）。select2（）; }）;

Answer 1

我相信您正在嘗試使用其他變量名加載jQuery。 我建議您使用：

$.noConflict();
jQuery( document ).ready(function( blah ) {
    //You can now use blah as the jquery method (e.g. blah("#button").click();)
});

我在這里做了一個例子： http : //jsfiddle.net/me66st8w/ 。 您可以在以下官方文檔中找到有關此內容的更多信息： http : //api.jquery.com/jquery.noconflict/ 。