callback - 窗口调整大小后未发生同位素回调

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

我正在调查那个eather，但找不到解决方案。所以我选择了这个丑陋的：

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

所以在调整大小时，我设置了一个在同位素重新布局后调用 810 毫秒的超时，在 jquery 中应该需要 800 毫秒，在 css3 中应该是 0.8 秒。就像说的那样，它很丑，但现在我符合目的..