jqueryでアニメーションを爆発

Question

私はスパンタグを持つコンテナを持っています。私がスパン要素をクリックすると、私は爆発アニマトンを持って、その要素を削除する必要があります。

私はフェード効果を使用することですが、私はそれだけで任意のアニメーションせずに削除され、この方法を使用する場合と効果を爆発使い方がわからない：

の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; 
});