同位素删除单个项目

时间:2017-05-11 03:04:59

标签: javascript jquery isotope

我在我的一个项目中使用了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;
});

https://jsfiddle.net/3982db13/

0 个答案:

没有答案