在删除列表中的第一个项目时，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'));

});