Question

我在同一页面中使用多个jQuery。

菜单
图片滑块
图片轮播
的fancybox

单独使用时，效果很好。但是，当它们组合在同一页面时，它们可以用于safari，firefox，chrome，opera等，除了IE。

我已经尝试了noconflict（）脚本，但它没有用。（我认为可能做错了）任何想法都值得赞赏。

提前致谢！

这是代码：

<!--JS STARTS-->

  <!--MAIN NAV .JS-->
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"> </script>
  <script type="text/javascript" src="js/ddsmoothmenu.js"> </script>
  <script type="text/javascript" src="js/menu-settings.js"> </script>
  <!--MAIN NAV .JS ENDS-->

  <!--QUICK RESERVATION CALENDAR TOGGLE-->
  <script type="text/javascript" src="js/toggle.js"></script>
  <!--QUICK RESERVATION CALENDAR TOGGLE .JS ENDS-->

  <!--FANCYBOX-->
  <script type="text/javascript"
  <script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
  <!--FANCYBOX .JS ENDS-->

  <!--FOOTER SLIDESHOW-->
  <script type="text/javascript" src="js/jquery.tinycarousel.min.js"></script>
  <!--FOOTER SLIDESHOW .JS ENDS-->

  <!--PROMO PICTURE SLIDESHOW-->
  <script type="text/javascript" src="js/jquery2.js"></script>
  <script type="text/javascript" src="js/jquery.cycle.all.js"></script>
  <!--PROMO PICTURE SLIDESHOW .JS ENDS-->

  <!--DOCUMENT READY-->
  <script type="text/javascript">
    $(document).ready(function(){
      $('.slideshow').cycle({fx:'fade', speed:'100000', timeout: 10000, next:'#next', prev:'#prev'});
      $('#slider1').tinycarousel({ display: 7 });
      $("a.fancybox").fancybox();
    });
  </script>
  <!--DOCUMENT READY ENDS-->

Answer 1

每次使用新插件时，实际上不需要引用相同版本的同一个库。做一次。
使用另一个库（如mootools）重载$运算符时使用NoConflict
请发布指向页面的链接，以便我们可以建议究竟什么不起作用。

Answer 2

这条线正在干扰：

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

它正在加载另一个jQuery的OLD（1.1.2）副本。删除它，它应该正常工作。

多个jQuery在同一个地方

2 个答案: