Javascript 使用引导导航选项卡时砌体无法正常工作

我已经创建了引导选项卡&我在第二个选项卡中应用了砌体。但这并不是完美的工作内容

实时链接以供检查

我已经在下面使用了html标记

 <div role="tabpanel" class="tab-pane fade" id="masonary_layout">
    <div id="masonary_content_area">
    <div class="single_masonry_content">

    </div>
  </div>
</div>

js贝娄

 <script>

$(function(){
var $container = $('#masonary_content_area');            
//$container.imagesLoaded(function(){                    
  $container.masonry({
     itemSelector: '.single_masonry_content',
  });
 //});
 });

 </script>

---

请帮助我。

请检查“附加图像”其工作正常，然后调整窗口大小

我在div中找不到任何内容请检查live链接并单击第二个图标选项卡请检查masonary\u内容\u区域高度40px；调整窗口大小，然后工作正常Lalji Tadhani不工作是的，在调整窗口大小时它一直工作。但我不想调整窗口大小。检查您的功能并单击“更改”选项卡“顺序并尝试首先加载砖石”选项卡“是的，工作”。但第二个标签中的砌体荷载有什么解决方案吗？