javascript - masonry 无法与 bootstrap nav-tab 一起正常工作

Question

我已经创建了 bootstrap 选项卡，并在第二个选项卡中应用了 masonry。但不能完美地工作 masonry 内容。

用于检查的实时链接 http://wpdevschool.com/masonry/

我在下面使用了 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>

请帮助我。

Answer 1

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