用jquery爆炸動畫

Question

我有一個帶有span標籤的容器，如果我點擊span元素，我需要有一個爆炸動畫並移除該元素。

我能夠使用淡入淡出效果，但我不知道如何使用爆炸效果。如果採用這種方式，它只是刪除無任何動畫：

的CSS：

#container a span { display:none; background-image:url(images/remove.png); background-repeat:no-repeat; width:16px; height:16px; position:absolute; right:0px; top:0px;} 
#container a:hover span { display:block;} 

淡入淡出效果：

$('.container a span').live('click', function (e) { 
       $(this).closest('div.container').fadeOut("normal", function() { 
        $(this).remove(); 
           }); 
       return false; 
    }); 

爆炸影響

$('.container a span').live('click', function (e) { 
        $(this).closest('div.container').fadeOut("normal", function() { 
        $(this).hide('explode', { pieces: 25 }, 600); 
         $(this).remove(); 
            }); 
        return false; 
}); 

這些是動態添加我在哪裏綁定，如下所示的圖像：

uploader.bind('FileUploaded', function (up, file, res) { 
      $('#container').append("<div class='container a'><a href='#'><img src='uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "' width='64' height='64'/><span></span></a></div>"); 

      $('.container a span').live('click', function (e) { 
       $(this).closest('div.container').fadeOut("normal", function() { 
        $(this).remove(); 
       }); 
       return false; 
      }); 
}); 

這是我顯示的圖片：

<div id="container"> 

    </div> 

Answer 1

I think this is what you want?

$('.container a span').live('click', function (e) { 
    $(this).hide('explode', { "pieces":25 }, 600, function() { $(this).remove; }); 
    return false; 
});