絶対配置された親と一緒にjQuery石積みを使用しますか？

Question

jQuery Masonryを適用したい項目（ul.sub-menu> li）のドロップダウン（ul.sub-menu）がありますが、ドロップダウンは絶対に配置されています。これを行い、親要素に絶対的な位置を保持する方法はありますか？

Javascriptをあなたの石造の設定で

jQuery("ul > li > ul.sub-menu").masonry({ 
    itemSelector: '.brick', 
    columnWidth: 300 
}); 

HTML

<ul> 
<li id="menu-item-9451" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9451"><a href="/solutions/" >Solutions</a> 
<ul class="sub-menu"> 
<li id="menu-item-9458" class="brick"><a href="/solutions/internal-social-software/" >Internal Social Software</a></li> 
<li id="menu-item-9457" class="brick"><a href="/solutions/video-content-managment/" >Video Content Managment</a></li> 
<li id="menu-item-9456" class="brick"><a href="/solutions/enterprise-content-management/" >Enterprise Content Management</a></li> 
<li id="menu-item-9455" class="brick"><a href="/solutions/secure-file-sharing/" >Secure File Sharing</a></li> 
<li id="menu-item-9454" class="brick"><a href="/solutions/redaction-and-document-viewing/" >Redaction and Document Viewing</a></li> 
<li id="menu-item-9453" class="brick"><a href="/solutions/real-time-business-intelligence/" >Real Time Business Intelligence</a></li> 
<li id="menu-item-9452" class="brick"><a href="/solutions/mobile-enterprise-applications/" >Mobile Enterprise Applications</a></li> 
</ul> 
</li> 
</ul> 

Answer 1

は試してみてください。

containerStyle: { position: 'absolute' } 

See docs on containerStyle

デフォルトでは、Masonryはコンテナにposition: relativeを設定します。