Question

我使用isotope js库为我的div对象提供一些排序动画。一切都很好，直到我执行了之前已编程的其他动作，直到我使用isotope.js为止。

问题是我应用同位素的容器div受同位素影响。这个受影响的div阻止我做出我之前编程的一些动作。

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

Here是我的小提琴，在事件发生后我希望禁用动作发生：

代码：

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

 });

如何在动画结束后完全删除/禁用同位素？

1 个答案: