jQuery - 将内容加载到div而不闪烁？

Question

我将内容（从获取数据库列表的php文件）加载到div。它有一个10秒的循环。因此，每隔10秒，它会检查文件并将内容加载到div以显示新列表（如果已添加）。但是，在每次运行时，div内容都会闪烁（出现和消失）。这似乎很不专业。

setInterval(function(){ 

$("#messageshere").empty();
$("#messageshere").load("msgs.php");

}, 10000);

我的问题是，是否有更聪明的方法来做同样的事情，但没有闪烁？

Answer 1

使用回调来显示您的消息，并在您收到回复时清空您的div。像这样：

$('#messageshere').load('msgs.php', function(data) {
    $(this).empty() // also unnecessary
    $(this).html(data);
});