jquery - 我在做什么错，严重吗？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/