1

href リンクを使用して画像を交換するために使用される小さな Javascript があります。Ajax を使用してページ内でそれらを ref と呼ぶ場合を除いて、すべて問題ありません。新しいリンクを呼び出した後、スクリプトを再度初期化する方法を見つける必要があります。JS は次のとおりです。

<script type="text/javascript">

$('a.thumbnail').click(function(){ var src = $(this).attr('href');

if (src != $('img#largeImg').attr('src').replace(/\?(.*)/,'')){
    $('img#largeImg').stop().animate({
        opacity: '0'
    }, function(){
        $(this).attr('src', src+'?'+Math.floor(Math.random()*(10*100)));
    }).load(function(){
        $(this).stop().animate({
            opacity: '1'
        });
    });
}
return false;

});

ありがとうございました

4

1 に答える 1

1

イベントを委任する必要があります。

これを回します:

$('a.thumbnail').click(function(){ /*...*/ });

これに：

$('#someWrapperContainer').on('click', 'a.thumbnail', function(){ /*...*/ });

jQuery 1.7 以降を使用していることを確認してください

于 2013-04-18T18:11:15.350 に答える