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')); 

});