gpt4 book ai didi

Jquery - 附加 ajax 接收到的内容以及预加载器

转载 作者:行者123 更新时间:2023-12-01 05:38:54 25 4
gpt4 key购买 nike

我为我的 cms 创建了一个功能,其工作原理类似于流行的无限滚动 WordPress 插件。当我滚动到页面底部并附加它们时,它会从数据库加载下一页。

首先它计算页面列表中存在的元素:

var $number = $(".pages-3 li").length;

数字作为参数传递给 php,以便从数据库获取下一页内容:

$.ajax({
type: "POST",
url:"ajax.php",
data: { number: $number},
beforeSend:function(){
$(".pages-3").append('<li>LOADING</li>');},
success:function(data) {
$(".pages-3 li:nth-last-of-type(1)").html(data);
}

但是有一个问题。我想添加预加载器,所以在 ajax 启动之前我已经将列表项添加到列表中。然后我会用实际的页面内容替换这个项目内容。

列表项在附加预加载器列表项之前进行计数。因此理论上脚本应该始终提供正确数量的列表位置。

然而只有第一次的数字是正确的。然后数字大了2,比大了3。我不太明白为什么。

最佳答案

尝试使用:contains()在您的成功回调中,

success:function(){
$(".pages-3 li:contains(LOADING)").html(data);
}

或者您可以使用:last-child喜欢

success:function(){
$(".pages-3 li:last-child").html(data);
}

关于Jquery - 附加 ajax 接收到的内容以及预加载器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32177491/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com