0

マウスをサムネイルの上に置くと、より大きなサイズの画像が表示されます。サムネイル画像と大きなサイズの画像の両方が動的に作成され、clip効果を使用して大きなサイズの画像を表示しています。マウスをサムネイルから離すと、大きいサイズの画像を削除する必要があります。これが私のコードです。

$(".uploadThumb").live('mouseover mouseout', function(event) {
           if (event.type == 'mouseover') {
                var src = $(this).prop("src");
                var img = $("<img class='big_thumb' src='"+src+"' width='400'/>");
                $(this).after(img);
                img.hide().show("clip", { direction: "horizontal" }, 1000);
              } else {
                  $(this).siblings(".big_thumb").remove();
              }
});

サムネイルの上にマウスを移動すると、大きな画像が正しく表示されます。アニメーションが完了するのを待ってからマウスをサムネイルから離すと、完全に削除されます。 しかし、animation( clip) が完了する前にマウスを離すと、大きな画像は削除されません。

ここに私の問題のデモがあります

解決策はありますか、アニメーションを削除する必要があります:((

4

1 に答える 1

4

本当にメソッドを使用する必要がありますsibilingsか?

あなたはただ書くことができます：

$(".big_thumb").remove();

そして、すべてがうまくいくはずです。

更新されたデモを参照してください。

于 2012-06-27T10:12:14.313 に答える