砌体没有加载......元素不会重新对齐,直到我调整窗口大小

时间:2017-06-02 02:01:35

标签: javascript jquery html css jquery-masonry

示例 - http://paulmatheson.net/webdev.html

调整窗口大小,元素将相应移动。

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.2/imagesloaded.min.js"></script>
<script type="text/javascript"> 
  var $container = jQuery('.masonry-grid');
  $container.imagesLoaded(function() {
    $container.masonry({
      columnWidth: 225,
      gutter: 10,
      itemSelector: '.dev-grid-item'
    });
    $container.imagesLoaded.done( function() {
      $container.masonry('layout');
    });
  });
</script>
<script src="js/lightbox.min.js"></script>
<script src="js/main.js"></script>

我的脚本 - 现在我认为它与imagesLoaded有关,因为控制台提供了一些信息。它说imagesLoaded.done不是一个函数,但我在今天重新设计一些元素之前从未遇到过这个问题。有人知道为什么它会弹出来吗?

1 个答案:

答案 0 :(得分:1)

您的错误是true

试试这段代码:

$container.imagesLoaded.done