2

私はjqueryが初めてで、複数のプラグインを1つのページで機能させようとしています。現在、独自に機能するアニメーション div スライダーと、独自に機能するページ内のアニメーション リンクを使用しています。1 つを無効にすると、もう 1 つが機能します。私はすでに $.noConflict(); を試しました。しかし、それは両方を壊します。これが私のコードです。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"        type="text/javascript"></script> 
<script src="js/jquery.localscroll.js" type="text/javascript"></script> 
<script src="js/jquery.scrollTo.js" type="text/javascript"></script> 

<link rel="stylesheet" type="text/css" media="screen" href="css/coda-slider.css">

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.8.20.custom.min.js"></script>
<script src="js/jquery.coda-slider-3.0.js"></script>

<script>
  $(function() {
  $('#slider-id').codaSlider({
    dynamicTabsAlign: "left",
      dynamicArrows: true,
      autoSlide: true,
      slideEaseDuration: 1000,
      autoSlideInterval:8000,
      dynamicArrowsGraphical:true
  });
});

</script>

<script type="text/javascript">
$(document).ready(function() {
   $('#navcontact').localScroll({duration:800});
});
</script>

私は他の多くの質問を使用しようとしましたが、それらを機能させることができないようです.

助けてください

4

1 に答える 1

10

次の行を削除します。

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

jquery ライブラリは、バージョンに関係なく一度だけロードする必要があります。もう一度ロードすると、前回追加される前に追加されたプラグインは使用できなくなります。

バージョン 1.4 と 1.7 の両方をロードしているため、上記の行をファイルの先頭に移動し、への呼び出しを削除することをお勧めします<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"(これも適切に閉じられていません)。 1.7。

于 2013-02-15T21:33:06.863 に答える