Jquery Masonry загружает друг друга после обновления Ajax div
Я использую ajax для обновления div, содержащего изображения. Я использую кладку, чтобы добавить макет изначально.
Затем вызов ajax возвращает js, который обновляет div с помощью метода html (). Теперь, после его завершения, я звонюmasonry('reloadItems')
, Но кладка загружает все изображения друг на друга. После изменения размера страницы это работает. Я попытался вручную вызвать изменение размера страницы, но это не заставляет кладку вносить коррективы.
JS:
$('#timerange-select, #category_select').bind('change', function() {
form=$('#images-filter-form');
$.get(form.action, form.serialize(),function(){
var $container = $('#images_container');
$container.imagesLoaded(function(){$container.masonry('reloadItems');});
$(window).trigger('resize');
}, 'script');
});
Хорошо, ответ на этот запрос ajax:
$('#images_container').html('<%= escape_javascript(render("shared/random_issues")) %>');
Поэтому я не добавляю изображения. Я заменяю контейнер, чтобы быть точным.
На самом деле это 10 изображений, загруженных друг на друга.
РЕДАКТИРОВАТЬ: см.http://stackoverflow.com/questions/17697223/masonry-images-overlapping-above-each-other/17697495?noredirect=1#17697495
для CSS и HTML.