-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

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

于 2013-10-21T10:54:50.367 回答
0

像这样包装你的代码：

(function ($) {

// enter all your code here

})(jQuery);

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

于 2013-10-21T10:56:56.367 回答
0

jQuery 工具包括它自己的 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>
于 2013-10-21T10:56:09.183 回答