动画结束后如何完全remove/disable同位素？

Question

我正在使用同位素 js 库为我的 div 对象提供一些排序动画。一切都很好，直到我执行我之前编写的其他一些操作，这些操作在我应用 isotope.js.

之前一直有效

问题是我在其上应用同位素的容器 div 受到同位素的影响。这影响 div 阻止我执行我之前编写的一些操作。

简而言之，如何消除同位素的影响？我该如何摆脱它？

Here 是我的 fiddle，事件发生后我希望禁用操作发生：

代码：

 var $container = $('#container').isotope({
    itemSelector: '.item',
    isResizeBound: false,
    getSortData: {
        weight: function (itemElem) {
            var weight = $(itemElem).find('.weight').text();
            return parseFloat(weight.replace(/[\(\)]/g, ''));
        }
    }
});
// bind sort button click
$('.button').click(function () {
    var sortByValue = $(this).attr('data-sort-by');
    $container.isotope({
        sortBy: sortByValue
    });
});
$container.isotope('on', 'arrangeComplete', function () {
    alert('arrange is complete'); 
    //remove isotope effects completly, disable it somehow,
});

Answer 1

试试这个，而不是去除同位素，jsfiddle:

 $(".buttonz").click(function () {
 var $newItems = $('<div class="item"><p class="weight">7</p></div>');
 $('#container').prepend( $newItems).isotope( 'reloadItems' ).isotope({ sortBy: 'original-order' });

 });

动画结束后如何完全remove/disable同位素？

How to completely remove/disable isotope after animation finishes?

javascript

css

jquery

jquery-isotope