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

});