Javascript 砌体项目在包含图像时重叠

我使用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");
    }
})

知道是什么原因导致了这个问题吗

---

在等待加载图像之前，尝试将元素附加到容器中

$('#container').append(data);
$container.imagesLoaded( function() {
            $container.masonry('reloadItems').masonry();
        });