jquery - jquery石工の画像サイズ

Question

これは私が現在持っているものですが、画像はテキストの幅のサイズに合わせて圧縮されています。html で指定したサイズに関係なく、変更されません。この問題について何か光がありますか？

$('#append').click(function(){
    var $boxes = $('<div class="box">'+balls($iterator)+'</div>');
    $container.append( $boxes ).masonry( 'appended', $boxes );

});


function balls($i){
    $iterator += 1;
    return '<p>'+$test[$iterator][1][2]+'</p><p><img src="'+$test[$iterator][2]+'" alt="'+$test[$iterator][1][2]+'" height="196" width="319"></a></p>';
}

Answer 1

これは imagesLoaded プラグインでトリガーする必要がありますか? 石積み現場より

"If your content contains any images, you’ll want to ensure that Masonry is triggered after all the images your content has loaded"

試す

$container.append( $boxes ).imagesLoaded( function(){$container.masonry( 'appended', $boxes);});