Question

我有一个问题，当我在同一个文件上做了很多jquery功能它没有用。我尝试使用de jQuery.noConflict（）函数，但它不起作用（也许我没有以一种好的方式使用它或我在错误的地方使用它）我如何在我的示例代码中使用noconflict函数？< / p>

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

Answer 1

如果删除重复的导入，您的代码应该有效。

删除此行：

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

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

Answer 2

我找到了解决方案。解决方案是使用noConflict函数：

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

Jquery之间的冲突

2 个答案: