Question

我需要在窗口调整大小和同位素完成操作后运行脚本。我认为回调会有所帮助，但是在窗口调整大小的情况下它们不会被解雇。

由于我需要在调整大小后更新容器的宽度值，还有另一种方法吗？

感谢您的帮助！

Answer 1

这有效..

与回调类似，onLayout是每次Isotope实例运行其布局逻辑后都会触发的函数。

$('#container').isotope({
  onLayout: function( $elems, instance ) {
    // `this` refers to jQuery object of the container element
    console.log( this.height() );
    // callback provides jQuery object of laid-out item elements
    $elems.css({ background: 'blue' });
    // instance is the Isotope instance
    console.log( instance.$filteredAtoms.length );
  }
});

Answer 2

我正在调查那个人，无法找到解决方案。所以我选择了这个丑陋的一个：

$(window).smartresize(function () {
    setTimeout(function () {
        //your function
    }, 810);
});

所以在调整大小时，我设置一个超时，在同位素重新布局后调用810ms，在jquery中需要800ms，在css3中需要0.8s。就像说，它的丑陋，但现在我符合目的..

窗口调整大小后没有发生同位素回调

2 个答案: