Каменные элементы перекрываются, когда содержат изображения

0

Я использую запрос AJAX для добавления элементов масонства, которые включают изображения. Проблема в том, что эти элементы часто перекрываются. Я попытался добавить imagesLoaded и теперь я использую следующий код:

$.ajax(
{
    url: 'http://www.comfyshoulderrest.com/shopaholic/rss/test.php',
    type: 'GET',
    //data: {token : "1"},
    dataType: 'html',
    success: function(data)
    {
        $container.imagesLoaded( function() {
            $('#container').append(data);
            $container.masonry('reloadItems').masonry();
        });
    },
    error: function()
    {
       alert("error");
    }
})

Любая идея, что все еще может вызвать проблему?

JSFiddle

Теги:
jquery-masonry

1 ответ

1
Лучший ответ

Попытайтесь добавить элементы в контейнер перед ожиданием загрузки изображений

$('#container').append(data);
$container.imagesLoaded( function() {
            $container.masonry('reloadItems').masonry();
        });
  • 0
    Это похоже на работу, спасибо!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню