javascript - 动画完成后如何完全删除/禁用同位素？

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

 });