Question

在同一页面我正在使用此代码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()但我总是得到同样的错误，有人知道如何解决这个问题......

如果您没有好的解决方案，请不要回复！

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


    });

试试这个

Answer 2

我会尝试使用旧版本的jQuery（早于jquery-2.0.0.min.js）。

Answer 3

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

确保首先包含其他jquery，然后是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>

Answer 4

像这样包装你的代码：

(function ($) {

// enter all your code here

})(jQuery);

这将避免任何jquery与其他库冲突。

Jquery和Jquery工具之间的冲突库

4 个答案: