Question

尝试在“加载更多”按钮上使用类似jQuery .fadeIn()的内容，从.append(response)上的服务器中提取JSON html标记。类似.append(response).fadeIn('slow');的语法似乎不起作用，我认为它是一个DOM问题，因为数据会在.fadeIn()有机会工作之前附加到页面。

有关如何完成此类效果的任何建议？我的JavaScript在下面。

$(function () {
var offset = 10;

$(".load-more-cell").click(function() {
    $.post("load-more-notifications", {offset: offset, limit: 30}, 
        function (response) {
        $(".notification-table-body").append(response);
        offset += 30;
    });
});
});

Answer 1

append返回当前集合，即".notification-table-body"元素，它不包含附加元素，如果要在附加元素上调用fadeIn，则应首先创建包含它们的集合，然后调用方法：

$(response).hide().appendTo('.notification-table-body').fadeIn();

使用Ajax时jQuery淡入内容.append（）

1 个答案: