jquery - リスト内の最初の項目を削除すると isotope.js reLayout メソッドが機能しない

Question

isotope.js を使用して単純な cms で画像を表示しています。画像が削除されると、reLayout メソッドを呼び出しているリストから画像が削除されます。

$('.item').on('click',function(){
        $(this).remove();
        $('ul').isotope( 'reLayout' );
    });

これは、リストの最初の項目を除くすべての項目で機能します。

ここで問題を再現しました：

http://jsfiddle.net/FgVLV/2/

誰か助けてくれませんか？一生解けない！

Answer 1

わかりました、私はそれを理解しました。私が手動で行っていたことを同位体に削除する方法があります。終わりよければ全てよし。将来必要になる可能性のある人のためのドキュメントは次のとおりです。

http://isotope.metafizzy.co/docs/methods.html#remove

Answer 2

//#container_+id is container element
$obj = $('#container_'+id); //VERY IMPORTANT!

$('#container_'+id).animate({
    opacity: 0,
    height: 'toggle'                
}, 1000, function() {
    elem_isotope.isotope('remove', $obj);
    $("#container_" + id).remove();
    $.when($("#container_" + id).remove()).then( elem_isotope.isotope('reLayout'));

});