0

私はこれにかなり慣れていないので、説明を徹底してください。Lightbox 2 jQuery ファイルと別の jQuery ファイルを使用して、画像のメニュー スライド アニメーションとフェード アニメーションを実行しています。2 つの jQuery ファイル間に競合があると想定していますが、解決方法がわかりません。

何かアドバイス？jQuery.noConflict() について何か読んだことがありますが、それを実装する方法がわかりません。

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

$(document).ready(function() {
    $('div#ScrollBox img').animate({
        opacity:.5
    });
    $('div#ScrollBox img').hover(function(){
    $(this).stop().animate({opacity:1}, 'fast');
    }, function(){
        $(this).stop().animate({opacity:.5}, 'slow');
    });
});

</script>

<!--LIGHTBOX-->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/lightbox-2.6.min.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
4

2 に答える 2

1

2 つの異なる jQuery バージョン (1.10.2 と 2.0.2) をロードしているように見えますが、これが問題の原因だと思います。1.10.2 の jQuery スクリプトと、次のいずれかを削除することをお勧めします (3 つすべてを試したい場合に備えて、作業の順序で): - ライトボックス プラグインがまだ機能するかどうかを確認します - 同じライトボックスの新しいバージョンを見つけます -ファンシーボックスなど、別のライトボックスを使用する

いずれにせよ、最終結果に読み込まれる jQuery のバージョンが 1 つだけであることを確認してください。

于 2013-08-21T21:59:21.367 に答える
0

両方が必要な理由はありますか？それらはほとんど同じコードを持っているはずなので、含める必要があるのは 1 つだけです。最新のものを使用します。

明示的に追加したコード行を投稿に含めていただければ、何をしているかを確認できるようになります。

于 2013-08-21T18:03:50.190 に答える