Question

可能重复：
conflict between Jquerys

我有一个问题，当我在同一个文件上做了很多jQuery函数它没有用。在任何jQuery选项卡中，我想创建一个表，可以通过单击colonne对其进行排序。我用它来添加jQueryTabs：

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

这对于排序功能：

<script type="text/javascript" src="jquery.js"></script>

我尝试使用de jQuery.noConflict（）函数，但它不起作用，问题出在哪里？

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script>
jq172.noConflict();
   jq172(document).ready(function()
    {
       var jQueryTabs1Opts =
       {
          event: 'click',
          collapsible: false
       };
       jq172("#jQueryTabs1").tabs(jQueryTabs1Opts);
    }); 
</script>
<script type="text/javascript" src="jquery.ui.core.min.js"></script>
<script type="text/javascript" src="jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="jquery.ui.tabs.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script>
jQuery.noConflict();
jQuery(document).ready(function() {
        jQuery('#example').dataTable( {
            "aaSorting": [[ 4, "desc" ]]
        } );
    } );
</script>
<script type="text/javascript" src="jquery.dataTables.js"></script>

Answer 1

尝试不为变量分配冲突。

var jq172 = jQuery.noConflict();
var jQuery2 = jQuery.noConflict();

Answer 2

你需要这样做：

<script>
var jq172 = jQuery.noConflict();
   jq172(document).ready(function()
    {
       var jQueryTabs1Opts =
       {
          event: 'click',
          collapsible: false
       };
       jq172("#jQueryTabs1").tabs(jQueryTabs1Opts);
    }); 
</script>

那就是说，我从来没有尝试过，我不知道浏览器加载和缓存会如何影响这一点。我不相信第一个jQuery.noConflict会调用1.7.2库。尽管存在编码和设置开销，但最好使用像Require.js这样的库来加载和分离模块。

Jquery之间的冲突

2 个答案: