多的jQuery在同一个地方

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

  1. 菜单
  2. 图片滑块
  3. 图片轮播
  4. 的fancybox

单独使用时,他们很好地工作。 然而,当他们中的Safari浏览器,火狐,Chrome,歌剧等工作,除了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-->

--------------解决方案-------------

这条线的干扰:

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

它装载的jQuery的另一个OLD(1.1.2)的副本。 删除此,它应该正常工作。

  1. 你其实并不需要每次使用一个新的插件时引用的相同版本的同一个库。 做一次。
  2. NoConflict使用时可能超载$操作符与另一个库(喜欢Moot)
  3. 请张贴链接到一个页面,所以我们也许可以对究竟是什么不起作用建议。
分类:jQuery的 时间:2015-03-15 人气:0
本文关键词: jQuery的
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.400 (s). 10 q(s)