javascript - 将不同的 div 附加到 ajax 请求加载的 div(无限滚动)

Question

我正在使用这个 plugin在我的网站上。您将能够看到它生成的 HTML 结构。我试图在每 5 个 div 之后插入自定义 div。因为它是异步加载的，所以我无法附加我想要的 div。我尝试添加以下正常情况下使用的代码

$(".alm-reveal:eq(0)").append("<div>Firstdiv</div>");
$(".alm-reveal:eq(1)").append("<div>Second Image</div>");
$(".alm-reveal:eq(2)").append("<div>Third IMage</div>");
$(".alm-reveal:eq(3)").append("<div>Fifth Image</div>");
$(".alm-reveal:eq(4)").append("<div>Sixth Image</div>");
$(".alm-reveal:eq(5)").append("<div>Seventh Image</div>");
$(".alm-reveal:eq(6)").append("<div>Eigth Image</div>");
$(".alm-reveal:eq(7)").append("<div>ninth Image</div>");

这显然行不通。我也尝试将它添加到成功函数中。

success: function (data) {
    alm.AjaxLoadMore.success(data);
    $(".alm-reveal").append("<div>Firstdiv</div>");
}

但是因为在循环中，所以是重复的。我不太确定如何实现这一目标。每次发出 ajax 请求时如何触发追加函数并将我想要的不同 div 追加到适当的位置。希望我清楚。

Answer 1

success: function (data) {
        alm.AjaxLoadMore.success(data);
        $(".alm-reveal:last").append("<div>"+data+"</div>"); //selects last div in that class
    }

data 应相应传递以获取 div 中的不同数据。