我在我的一个项目中使用了Isotope并遇到了问题。我想通过单击元素中的按钮来删除项目,并在删除项目后,我希望重新加载布局。这仅适用于小屏幕上的第一项,但不适用于大屏幕上的其他两项。该项目已删除,但转换和布局未更新/工作。有人能帮我吗?这是我的小提琴(这是因为它是一个小屏幕,放大以查看问题):
var $grid = $('.js-grid').isotope({
itemSelector: '.js-grid-item'
});
$grid.on('click', '.js-grid-item .js-delete', function(e) {
e.preventDefault();
$(this).parent().parent().remove();
$grid.isotope();
$grid.isotope('reloadItems')
$grid.isotope('layout');
return false;
});