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/