2013-10-21 73 views
-1

在同一頁我正在使用此代碼的javascript:衝突庫

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

jQuery(function() { 

     jQuery('#allinone_bannerRotator_universal').allinone_bannerRotator({ 
      skin: 'universal', 
      width: 666, 
      height: 271, 
      thumbsWrapperMarginBottom:35,    
      autoHideBottomNav:false, 
      showPreviewThumbs:false 
     });  


    }); 

    .... 

    <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> 
    <script> 
    jQuery(function() { 
    jQuery("ul.tabs").tabs("div.css-panes > div", {effect: 'ajax'}); 
    }); 
    </script> 
    <ul class="tabs"> 
    <li><a href="ajax3.htm">page1</a></li> 
    <li><a href="ajax4.htm">page2</a></li> 
    <li><a href="ajax5.htm">page3</a></li> 
    </ul> 

    <div class="css-panes"> 
    <div style="display:block"></div> 
    </div> 

所以我得到這個奇怪的錯誤:

TypeError: jQuery(...).allinone_bannerRotator is not a function 
showPreviewThumbs:false 

也許他們是衝突的問題所以我嘗試了一些解決方案$(document).ready(function()$.noConflict(),但我一直得到相同的錯誤,有人有一個想法如何解決這個問題...

Ple如果你沒有很好的解決方案,請不要回復!

回答

1
var JQ=jQuery.noConflict(): 
JQ(function() { 

     JQ('#allinone_bannerRotator_universal').allinone_bannerRotator({ 
      skin: 'universal', 
      width: 666, 
      height: 271, 
      thumbsWrapperMarginBottom:35,    
      autoHideBottomNav:false, 
      showPreviewThumbs:false 
     });  


    }); 

試試這個

0

我會嘗試使用舊版本的jQuery(早於jquery-2.0.0.min.js)。

+0

我試過,但我得到了同樣的問題... –

0

jQuery Tools包含它自己的jQuery版本。包括一個不包含它自己的jQuery的jQuery工具版本。 http://cdn.jquerytools.org/1.2.7/all/jquery.tools.min.js

請確保您包含您的其他jquery第一,其次是jQuery的工具,然後其餘的。

<script src="js/jquery-2.0.0.min.js" type="text/javascript"></script> 
<script src="http://cdn.jquerytools.org/1.2.7/all/jquery.tools.min.js"></script> 
<script src="nivoslider.js"></script> 
+0

我敢肯定,我沒有,但我有同樣的錯誤? –

+0

@Amine Ben JQtools你已經下載了它是默認從網站下載pkg ... – codebreaker

0

包裝你這樣的代碼:

(function ($) { 

// enter all your code here 

})(jQuery); 

這將避免與其他庫的任何jQuery的衝突。