3

同じページで画像ギャラリー機能を備えた画像スライダーを使用しようとしています。

どちらも、次のステートメントで jquery のバージョンを呼び出します (fancybox.js は 1.8.2)。

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

noConflict を試してみましたが、残念ながら 2 つの機能を同時に動作させることはできませんか?

4

2 に答える 2

1

2 つの問題:

  1. DOM 要素が読み込まれる前にスクリプトが実行されます (スクリプトをヘッダーに配置した結果です。これが、@powtac がスクリプトを $(document).ready(); にカプセル化するように言っていた理由です)。

  2. あなたの .coinslider() 関数は、coinslider スクリプトが読み込まれる前に呼び出しています。

スクリプトを次の順序で配置してみてください。

<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-libsans-r-b.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js?v=2.1.3"></script>

次に、@powtac のアドバイスに従います。

$(document).ready(function() {
    $('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });
});

それはそれを行う必要があります。

編集: 新しいソース コードに基づいて、行を削除します<script type="text/javascript" src="js/script.js"></script>。

于 2012-11-19T15:59:54.087 に答える
0

$(document).ready()周りに追加してみてください

    $(document).ready(function() {
        $('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });
    });
于 2012-11-19T15:41:58.720 に答える