-2

可能重复：
Jquery 之间的冲突

当我在同一个文件上创建很多 jQuery 函数时，我遇到了一个问题，但它不起作用。在任何 jQuery 选项卡中，我都想创建一个表格，只需单击冒号即可对其进行排序。我用它来添加 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>
4

2 回答 2

0

尝试将不冲突分配给变量。

var jq172 = jQuery.noConflict();
var jQuery2 = jQuery.noConflict();
于 2013-01-18T21:44:50.663 回答
0

你需要这样做：

<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 之类的库来加载和分离模块。

于 2013-01-18T21:46:15.310 回答