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/ 。