示例 - 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不是一个函数,但我在今天重新设计一些元素之前从未遇到过这个问题。有人知道为什么它会弹出来吗?
答案 0 :(得分:1)
您的错误是true
试试这段代码:
$container.imagesLoaded.done