jQuery Masonry 和 Ajax 附加项目？

Question

我正在尝试使用一些 ajax 和 jQuery Masonry 插件来添加一些项目 - 但由于某种原因，新项目没有应用砌体？

我正在使用

jQuery.ajax({
    type: "POST",
    url: ajax_url,
    data: ajax_data,
    cache: false,
    success: function (html) {
        if (html.length > 0) {
            jQuery("#content").append(html).masonry( 'appended', html, true );
        }
    });
});

但是随后附加的项目没有应用class="masonry-brick"，这意味着它们完全填满了定位？

Answer 1

看起来，masonry 函数需要一个 jQuery 对象作为其第二个参数，而不是原始 HTML 字符串。您应该能够通过包装成功回调参数来解决此问题，如下所示:

jQuery.ajax({
    type: "POST",
    url: ajax_url,
    data: ajax_data,
    cache: false,
    success: function (html) {
        if (html.length > 0) {
            var el = jQuery(html);
            jQuery("#content").append(el).masonry( 'appended', el, true );
        }
    });
});