jquery - Jquery Mansory divの重複

Question

この画像に示されているレイアウトにはjquery masonry プラグインを使用しています。問題は、この画像に示すように、石積みプラグインが黒い色でシェーディングされた div を非表示にすることです。この問題を解決する解決策はありますか?

Answer 1

メーソンリーはすべての白い箱を受け取り、コンテナー内の絶対的な位置を与えます。この場合のコンテナーには、黒いボックスと白いボックスが一緒に含まれています (そうですか?) 次のようになります。

   <div id="container">
      <div class="black-box"></div>
      <div class="black-box"></div>
      <div class="white-box"></div>
      <div class="white-box"></div>
      <div class="white-box"></div>
      <div class="white-box"></div>
   </div>

これを修正するには、すべての白いボックスを独自のコンテナに入れ、position:relative を指定してから、白いボックス コンテナで石積みを行う必要があります。

<div id="container">
      <div class="black-box"></div>
      <div class="black-box"></div>
      <div id="white-boxes-container">
         <div class="white-box"></div>
         <div class="white-box"></div>
         <div class="white-box"></div>
         <div class="white-box"></div>
      </div>
 </div>