2

頭で実行するためにこのスクリプトに追加する必要があるもの。ボディエンドに入れるとよく​​走る。これは、画像が読み込まれる前にスクリプトが開始されるためだと思います。例http://masonry.desandro.com/docs/intro.html

<script>var $container = $('#container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector : '.item',
columnWidth : 300 
 });
});
</script>
4

1 に答える 1

1

bodyコードが実行されるときに(また)containerは存在しません。では、headコードを次のようにラップする必要があります$(document).ready(function() { ... });

<script>
$(document).ready(function() {
    var $container = $('#container');
    $container.imagesLoaded(function(){
        $container.masonry({
            itemSelector : '.item',
            columnWidth : 300 
        });
    });
});
</script>
于 2012-04-10T07:02:52.863 に答える