好的,我有以下代码:
function() {
$("ul#postbit").load('load.php').fadeIn("slow");
}, 3000);
我想要实现的是加载 load.php 之后将结果添加到<li>
并让它淡入。此时它会覆盖其中的内容ul#postbit
。我只希望它加载新结果并保留其中的内容。我希望这是有道理的。
The .load()
方法被设计为以这种方式工作,即将 Ajax 响应直接加载到您调用它的元素中。尝试使用其他之一Ajax 方法, e.g.:
$.get("load.php", function(data) {
$(data).prependTo("#postbit").fadeIn("slow");
});
这假设您的“load.php”返回包含 li 元素的 html,当您说当前代码每次都会覆盖现有列表时,这似乎是您所描述的内容。如果您的“load.php”仅返回新 li 的内容而没有<li>
标签,然后您可以创建 li 并将其添加到前面:
$.get("load.php", function(data) {
$("<li/>").html(data).prependTo("#postbit").fadeIn("slow");
});
编辑:要让它不断重新加载,您可以将上面的内容包装到您调用的函数中setInterval()
,或者做这样的事情:
function getMoreData() {
$.get("load.php", function(data) {
$(data).prependTo("#postbit").fadeIn("slow");
}).complete(function() {
setTimeout(getMoreData, 3000);
});
}
getMoreData();
这使用setTimeout()
安排另一次运行getMoreData()
3 秒后,但它会在前一个请求完成后执行。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)