jQuery Masonry和AJAX格式化

Question

当我使用AJAX过滤页面上的jQuery砌体框时，格式不会调整。我尝试按照对此问题的回复：jQuery Masonry and Ajax-fetching to Append Items Causing Image Overlap但它仍然无效。有人有建议吗？我的代码在

之下

$ -> 
$('#all-content').on 'click', (e) ->
    console.log 'click', this, arguments
    element = $(e.currentTarget)
    e.preventDefault()
    $.ajax {
        url: element.attr('href')
        complete: (xhr, status) ->
            console.log 'complete', this, arguments
            $('#content').append(e).masonry('reload').html xhr.responseText
    }

Answer 1

您应该在将项目附加到容器

后调用masonry.appended

$('#content').append(elements);
$('#content').masonry( 'appended', elements );

注意：元素是元素数组（不是JQuery对象）