2012-09-13 68 views
1

我有一个滑块和一个导航栏,都需要使用不同的jQuery版本。使用多个jQuery版本库

滑块使用1.7.2,而导航使用1.4.2

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 


    <script type="text/javascript" src="js/jquery-1.4.2.js"></script> 
    <script type="text/javascript"> 
    var $jq = $.noConflict(true); 
    </script> 

<!-- NAVIGATION --> 
    <script type="text/javascript"> 
    $jq(document).ready(function() { 
     $jq('#main-image-box').children().removeClass('facets').end().facets({ 
      control: 'ul#mainlevel', 
      clipSpacing: 1, 
      animationSpeed: 400, 
      beforeMax: function(index) { 
       $('#main-image-box .clip:eq('+index+') .container').show(); 
      }, 
      beforeMin: function(index) { 
       $('#main-image-box .clip:eq('+index+') .container').hide(); 
      } 
     }); 
    }); 
    </script> 

<!-- SLIDER --> 
    <script type="text/javascript" src="js/jquery.nivo.slider.js"></script> 
     <script type="text/javascript"> 

     (window).load(function(){ 
      ('#slider').nivoSlider(); 
     }); 
     </script> 

正如你所看到的,我一直在使用noconflict尝试,但它不工作,我该如何解决这个问题?

+0

[在facebook应用上使用两个jQuery库1.7.1.js和1.5.2.js](http://stackoverflow.com/questions/11235107/using-two-jquery-libraries-1- 7-1-js-and-1-5-2-js-on-a-facebook-app) – Ariel

+0

在你的导航代码中你同时使用'$ jq'和'$',在滑块代码中你忘记了'$ ' – Musa

+0

这就是为什么你应该学会写jQuery而不是依靠插件。如果你要依靠插件在积极的开发中挑选一些插件。 – Fresheyeball

回答

2

请问导航需要 1.4.2 ??如果确实如此,我会感到惊讶。

所以只是摆脱那个旧版本,并尝试一下。

+0

更多评论而非答案。 – gdoron

0
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
<script> 
var $jVersion7 = $.noConflict(true); 
</script> 

<script type="text/javascript" src="js/jquery-1.4.2.js"></script> 
<script type="text/javascript"> 
var $jVersion4 = $.noConflict(true); 
</script> 

需要注意的是,如果导航插件,您使用必须使用jQuery 1.4.2 ONLY,它会选择一个新的插件和处理旧版本是一个好主意。

jQuery有很多插件。

+0

即使我使用1.72,它的工作原理,但如果我使用IE,导航似乎是越野车。 – Furry

+0

@ user1631889。所以去给自己一个新的插件。这是我会做的。同时,我上面的代码应该完成这项工作。 – gdoron

+0

我希望得到一个新的插件,但由于公司的要求,我无法获得新的插件。有没有其他的选择? – Furry