在動畫過程中刪除元素

當鼠標懸停在縮略圖上時，顯示的圖像尺寸更大。縮略圖圖像和較大尺寸的圖像都是動態創建的，我正在使用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(); 
       } 
});

當我將鼠標移動到較大的圖像被正確顯示的縮略圖，如果我等待動畫完成，然後從它得到完全刪除縮略圖移開鼠標。 但是，如果我的動畫之前移開鼠標（clip）完成更大的圖像不會被刪除

Here is a demo of my problem

是否有任何解決方案或我不得不刪除動畫：（（

來源

2012-06-27 anu

你真的需要使用sibilings方法

你只可以這樣寫：？

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

而且一切都應該工作。

查看更新demo。

來源

2012-06-27 10:12:14 antyrat

啊，我很尷尬。我認爲我只需要刪除相應的圖像，但我沒有意識到，一次只能看到一個更大的圖像。 Tnxx很多。 – anu

在動畫過程中刪除元素

回答

相關問題