Кладка вид, показывающий изображения один ниже другого

Question

я использовал вид масонства плагин, но когда образы загрузки через вызов Ajax, они, кажется, будет отображаться одна под другой (например, список)

HTML

<div id="masonryView" data-ng-repeat="image in images"> 
      <div class="item"> 
       <a target="_blank" href=""> 
       <img src="{{image.imageSourceURL}}" alt="" width="250"> 
       </a> 
       <div class="desc">{image.description}</div> 
      </div> 
    </div> 

Ajax

$(window).load(function(){ 
    var $container = $('#masonryView').masonry(); 
    $container.imagesLoaded(function() { 
    $container.masonry(); 
    }); 
    }); 

CSS

#masonryView { 
position: relative; 
} 

.item { 
    margin: 10px; 
    width: 100px; 
} 

Возникает ли проблема, которая может объяснить, почему изображения отображаются один под другим?

Answer 1

Я не вижу какой-либо AJAX в Опубликованном коде с надписью «АЯКС», но вы должны вызвать кладку таким образом, установив свой itemSelector:

$(window).load(function(){ 
var $container = $('#masonryView').masonry(); 
$container.imagesLoaded(function() { 
$container.masonry({itemSelector: '.item'}); 
}); 
});