Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquerys之间的冲突_Javascript_Html - Fatal编程技术网

Javascript Jquerys之间的冲突

Javascript Jquerys之间的冲突,javascript,html,Javascript,Html,我有一个问题,当我在同一个文件上做了很多jquery函数时,它不起作用。 我尝试使用de jQuery.noConflict fonction,但它不起作用,可能我使用它的方式不好,或者我在错误的地方使用它。如何在示例代码中使用noConflict fonction <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src

我有一个问题,当我在同一个文件上做了很多jquery函数时,它不起作用。
我尝试使用de jQuery.noConflict fonction,但它不起作用,可能我使用它的方式不好,或者我在错误的地方使用它。如何在示例代码中使用noConflict fonction

<script type="text/javascript" src="jquery-1.7.2.min.js"></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 type="text/javascript" src="jquery.dataTables.js"></script>
<script type="text/javascript">
        $(document).ready(function()
        {
           var jQueryTabs1Opts =
           {
              event: 'click',
              collapsible: false
           };
           $("#jQueryTabs1").tabs(jQueryTabs1Opts);
        });

</script>

<script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
            $('#example').dataTable( {
                "aaSorting": [[ 4, "desc" ]]
            } );
        } );
</script>

如果删除重复导入,则代码应该可以工作

删除此行:

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

请注意您导入的UI库所需的jQuery版本。

我找到了解决方案。解决方案是使用如下noConflict函数:

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

但是为什么要多次导入jQuery?我在这段代码中看不到任何冲突。因为我想使用Jquerytabs和javascript函数在任何jQuery选项卡中对我的表进行排序,我想创建一个表,以便能够通过点击Colonney对其进行排序。我删除了noConflict函数,因为它对我不起作用。但我不确定我是否需要如何在我的示例代码中使用noconflict功能不,这不是解决方案,而是一个糟糕的攻击。您不应该导入jQuery两次。不,我可以:D它对我有效,如果我删除数据表,那么datatable将不起作用,如果我删除另一个,那么JQuerytabs将不起作用