1

私は jQuery の初心者で、助けが必要です。

ページにライトボックスとフレックススライダーを組み込み、2 つの間の jQuery 競合という最初の問題を解決しました。現在、スクリプトの 1 つがヘッダーのドロップダウン ナビゲーション メニューと競合するというジレンマに直面しています。ライトボックス スクリプトを含むページにいるとき、ドロップダウンはもうクリックできないようです (一番上のリンク オプションのみ)。

参照しているページは次のとおりです。 http://olivarezhomes.com/phase1.html

JavaScript ファイル領域:

<script src="js/jquery-1.6.4.min.js"></script>
<script> $164 = jQuery.noConflict(true);</script>
<script src="js/jquery-1.10.2.min.js"></script>

<script src="js/lightbox-2.6.min.js"></script>
<script>jQuery.noConflict(true);</script>


<!-- jQuery Superfish -->
<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script>

<!-- jQuery Flexslider -->
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>

<!-- jQuery Dropdown Mobile -->
<script type="text/javascript" src="js/tinynav.min.js"></script>

<!-- Custom Script -->
<script type="text/javascript" src="js/custom.js"></script>


<!-- jQuery PrettyPhoto -->
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>

<script type="text/javascript" src="js/fade.js"></script>
<script type="text/javascript" src="js/jquery-easing-1.3.js"></script>

<script type="text/javascript">
jQuery(window).load(function() {
jQuery('.flexslider').flexslider({
      animation: "fade",  
      directionNav: true, 
      controlNav: true });});</script>

<!-- jQuery Lightbox -->
<script src="js/modernizr.custom.js"></script>
4

1 に答える 1

0

試してみてください

$(document).ready(function() {

jQuery('.flexslider').flexslider({
      animation: "fade",  
      directionNav: true, 
      controlNav: true });
});
于 2013-09-20T09:07:01.533 に答える