jQuery无法运行。

我让它工作，但由于某种原因，它刚刚停止工作，我不知道我做了什么。方框

div

向左浮动，我不知道哪里出了问题

Jquery

var $container = $('.work');            
$container.imagesLoaded(function(){                 
   $container.masonry({
      itemSelector: '.box',
      isAnimated: true,
      columnWidth: 250                  
   });
});

HTML

<div id="part-one" class="work">
   <div class="box col2"><img src="_assets/images/one.jpg" alt="" /></a></div>
   <div class="box col2"><img src="_assets/images/two.jpg" alt="" /></a></div>
   <div class="box col2"><img src="_assets/images/three.jpg" alt="" /></a></div>
   <div class="box col2"><img src="_assets/images/four.jpg" alt="" /></a></div>
   <div class="box col2"><img src="_assets/images/five.jpg" alt="" /></a></div>
</div>

---

它似乎与砌体柱宽度属性和可用于显示div的空间有关。

---

祝您好运。

删除您的

columnWidth

属性，砌体将使用第一个项目元素的宽度。（）

看看这个

如果在JSFIDLE中调整HTML容器的大小，它也将动态调整大小。
为了演示，我还添加了一些额外的

元素，以及一个具有不同高度的

奇数五个元素，您可以看到砖石插件插入并完美定位这些元素

因此，基本上，删除属性
columnWidth:250
，让砌体动态拾取它

总之，这似乎解决了你的问题


只是一个提示：我最近使用了同一个jquery.massy插件，但还想对我的元素进行排序，我发现了一个名为jquery.massy的插件，它非常棒，而且更可定制

您能提供一个完全不起作用的示例吗？只是一个猜测，但是当您删除imagesLoaded（）并在文档加载时执行Massey（）部分时，它是否起作用？不，它没有，它肯定已将脚本拉入，我与firebug进行了检查，我完全不知所措！我试着找一把小提琴这是一把快小提琴-
.work {
   margin-left:98px;
   top:0;
   max-width:1600px;
   padding-bottom:100px;
   position:absolute;
}