我认真做错了什么？jquery砌体

Question

您可以查看代码http://jsfiddle.net/2eyzm/.我不知道我做错了什么,但它没有用.盒子应向上滑动以填补空隙.这是正确的吗？

$(function(){
$('#container').masonry({
itemSelector : '.item',
});
});?

Answer 1

这是由错误的脚本加载顺序引起的.你应该在加载它的插件之前加载jQuery:

<script type="text/javascript" src="http://www.mattjamesrogers.com/scripts/javascript/jquery.imagesloaded.min.js"></script>
<script type="text/javascript" src="http://www.mattjamesrogers.com/scripts/javascript/jquery.masonry.min.js"></script>
<script type="text/javascript" src="http://raw.github.com/desandro/masonry/master/jquery.masonry.js"></script>
<script type="text/javascript" src="http://raw.github.com/desandro/imagesloaded/master/jquery.imagesloaded.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

试试这个:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://www.mattjamesrogers.com/scripts/javascript/jquery.masonry.min.js"></script>    
<script type="text/javascript" src="http://raw.github.com/desandro/imagesloaded/master/jquery.imagesloaded.js"></script>

http://jsfiddle.net/9wGUj/