jQuery Masonry 和 AJAX 格式

Question

当我使用 AJAX 过滤页面上的 jQuery Masonry 框时，格式不会调整。我尝试按照对这个问题的回答：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 对象）