Изображения jQuery Masonry укладываются сверху

Question

Я использую это для вызова и активации jQuery Masonry.

<script>    
  jQuery("#content").load("recent.html", function(){
    $('#masonryContainer').masonry({  
      // options
      itemSelector : '.item',
      columnWidth : 10,
      isAnimated: !Modernizr.csstransitions,
      easing: 'linear' 
    });
  });
</script>

Проблема в том, что когда страница загружена, все изображения (они находятся в файлах div в недавнем.html) накладываются друг на друга. Я должен сначала изменить размер окна браузера, прежде чем кладка активирует и анимирует / упорядочивает изображения. Я хотел бы сделать это сразу же, входя.

Answer 1

Я думаю, что вы пропали готов

<script>  
  $(window).ready(function() {
  jQuery("#content").load("recent.html", function(){
    $('#masonryContainer').masonry({  
      // options
      itemSelector : '.item',
      columnWidth : 10,
      isAnimated: !Modernizr.csstransitions,
      easing: 'linear' 
    });
  });
});
</script>

Answer 2

Другие библиотеки JS могут вызвать проблемы с макетом при загрузке страницы. Например, jQuery Mobile не очень хорошо работает с jQuery Masonry и будет вызывать вышеуказанную проблему. Если это так, удалите другие библиотеки JS, пока не найдете виновника.