css - jQuery Masonry / Isotope and fluid images: ウィンドウのサイズ変更時に一時的に重なる

Question

jQuery Isotope または Masonry を流動的/応答性の高い Web サイトで使用すると、ブラウザー ウィンドウのサイズが変更されている間、要素が一時的に重なることに気付きました。このデモのスクリーンショットである下の画像をご覧ください。また、Isotope のWeb サイトでも、これが起こっているのを見ることができます。

この重複を避けるためにできることはありますか？

Answer 1

ブログ投稿 ( http://osvaldas.info/responsive-jquery-masonry-or-pinterest-style-layout ) でこの質問に答えてくれたOsvaldas Valutisに感謝します。

--

石積みの場合:

$(window).resize(function(){ $('#list').masonry('reload'); });

そして、Isotopeを使用すると、次のように機能します。

$(window).resize(function(){ $('#list').isotope('reLayout'); });

--

ありがとう、オスバルダス。

Answer 2

同位体バージョン 3 の場合:

$(window).resize(function(){ $('.grid').isotope('layout'); });

グリッド項目が重ならないようにします。