Javascript Jquery轻松选项卡中页面之间的冲突,尝试使用Jquery noconflict解决

Javascript Jquery轻松选项卡中页面之间的冲突,尝试使用Jquery noconflict解决,javascript,jquery,jquery-tabs,Javascript,Jquery,Jquery Tabs,我有一个简单的tabs页面,有三个不同的页面Tab1、TAB2、TAB3 Tab.php 表1 |表2 |表3 //Tab1有一个带有Jquery UI的滑块插件 //Tab2有一个选择列表的自动完成功能 冲突源于两个函数想要使用jquery变量 两个页面包含jquery插件,但只有jquery版本jquery-1.11.1.min.js 这些选项卡仅适用于显示正确运行的jquery方法,当只有一个选项卡启用调整并注释链接时 我使用jquery no conlict尝试解决这个问题,因为在主选项

我有一个简单的tabs页面,有三个不同的页面Tab1、TAB2、TAB3

Tab.php

表1 |表2 |表3

//Tab1有一个带有Jquery UI的滑块插件 //Tab2有一个选择列表的自动完成功能

冲突源于两个函数想要使用jquery变量

两个页面包含jquery插件,但只有jquery版本jquery-1.11.1.min.js

这些选项卡仅适用于显示正确运行的jquery方法,当只有一个选项卡启用调整并注释链接时

我使用jquery no conlict尝试解决这个问题,因为在主选项卡页面和双页面之间存在冲突:

<script type="text/javascript" src="jquery-1.11.1.min.js"></script>     
<script type="text/javascript">   
 var s = $.noConflict();
</script>    
我还尝试定义第二个快捷键。首先,我也尝试使用相同的“s”:

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


我相信您正在尝试用不同的变量名加载jQuery。我建议您使用:

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

我在这里举了一个例子:。你可以在这里的官方文档中找到更多信息:.

这个怎么样:blahfunction blah{//在它成为//sdocument.ready function{$function${jvar'tab-container'.easytabs{animate:false,};不,您必须使用jQuery方法,直到您在“readyfunction…”中定义它,其中…是新的jQuery函数名称吗?这不是我经常尝试的解决方案。正如我在更新3中所写的,在refredHF5后页面正确呈现。仍然不清楚您为什么要使用noConflict。您确定需要使用它吗?如果是,为什么?如果没有它,则返回子页面pages不起作用它还有其他jquery插件,并且主标签页和子标签页有问题。所以通过noconflict,我能够在子标签页和主标签页上工作
s(document).ready(function(s) {//without the ready it does not rendered even after F5 
$.noConflict();
jQuery( document ).ready(function( blah ) {
    //You can now use blah as the jquery method (e.g. blah("#button").click();)
});