2013-01-18 135 views
-5

我有一個問題,當我在相同的文件上做了很多jQuery的功能,它沒有工作。 我嘗試使用de jQuery.noConflict()函數,但它沒有工作(也許我沒有用它在一個很好的方法,或者我用它在一個錯誤的地方)我怎樣才能在我的示例代碼中使用noconflict fonction?Jquerys之間的衝突

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

但是.... ** **爲什麼你導入的jQuery不止一次? –

+0

我在這段代碼的任何地方都看不到'noConflict'。 –

+0

因爲我想使用Jquerytabs和一個JavaScript函數來排序我的表(在任何jquery選項卡中,我想使用表來排序它只是通過在colnene上排序) –

回答

0

我找到解決方案.The解決方案是使用noConflict函數那樣:

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

不,這不是解決方案,但一個壞的破解。你不應該兩次導入jQuery。 –

+0

不,我可以:D它適用於我,如果我刪除該數據表將無法正常工作,如果我刪除其他JQuerytabs不會猿 –

0

如果刪除重複導入,您的代碼應該可以正常工作。

刪除此行:

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

注重通過導入UI庫所需的版本的jQuery。

+0

當我刪除它排序功能沒有工作 –