ウィンドウのサイズが変更され、アイソトープの操作が終了した後、スクリプトを実行する必要があります。コールバックが役立つと思いましたが、ウィンドウのサイズが変更された場合にはコールバックは発生しません。
サイズ変更後に更新されたコンテナの幅の値が必要なので、別の方法はありますか?
ご協力いただきありがとうございます!
ウィンドウのサイズが変更され、アイソトープの操作が終了した後、スクリプトを実行する必要があります。コールバックが役立つと思いましたが、ウィンドウのサイズが変更された場合にはコールバックは発生しません。
サイズ変更後に更新されたコンテナの幅の値が必要なので、別の方法はありますか?
ご協力いただきありがとうございます!
これはうまくいきました..
コールバックに似た 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 );
}
});
私はそのイーサを調べていましたが、解決策を見つけることができませんでした。だから私はこの醜いものを選んだ:
$(window).smartresize(function () {
setTimeout(function () {
//your function
}, 810);
});
そのため、サイズ変更時に、アイソトープの再レイアウト後に 810 ミリ秒を呼び出すタイムアウトを設定しました。これには、jquery で 800 ミリ秒、css3 で 0.8 秒かかります。言われているように、それは醜いですが、今のところ私は目的に合っています..