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

私はそのイーサを調べていましたが、解決策を見つけることができませんでした。だから私はこの醜いものを選んだ：

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

そのため、サイズ変更時に、アイソトープの再レイアウト後に 810 ミリ秒を呼び出すタイムアウトを設定しました。これには、jquery で 800 ミリ秒、css3 で 0.8 秒かかります。言われているように、それは醜いですが、今のところ私は目的に合っています..