-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()たが、常に同じエラーが発生します。誰かがこの問題を解決する方法を知っています...

良い解決策がない場合は、返信しないでください。

4

4 に答える 4

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
        });     


    });

これを試してください

于 2013-10-21T10:57:39.570 に答える
0

コードを次のようにラップします。

(function ($) {

// enter all your code here

})(jQuery);

これにより、他のライブラリとの jquery の競合が回避されます。

于 2013-10-21T10:56:56.367 に答える