自动刷新div内容并立即向下滚动？

Question

问题是，我可以两者都做，但我不能让它们一个接一个地立即工作，它在第一个时钟执行第一个，在第二个时钟执行第二个。 我也尝试过在另一个 div 中使用 1 个 div，但它是一样的。 这是代码：

剧本：

$(document).ready(function() {          

        $("#chatRoomSub").load("chatUpdate.php");
        refreshId = setInterval(function() {
            $("#chatRoomSub").load('chatUpdate.php');
            var object = document.getElementById('chatRoom');
            object.scrollTop = object.scrollHeight;             
        }, 5000);

        $.ajaxSetup({ cache: false });      

    });

身体：

<div class='chatRoom' id="chatRoom">
    <div class='chatRoomSub' id="chatRoomSub">
    ainda nada foi escrito...
    </div>
</div>

Answer 1

您需要在执行滚动的 .load .load()上使用回调 function 。

$("#chatRoomSub").load("chatUpdate.php", function() {
  // scroll down
});

这样，滚动将在内容加载后立即发生。

Answer 2

您需要使用 jquery 的回调 function。 回调 function 是在事件之后执行的东西，如果我举个例子.load("You code",function())..加载你的代码后，它将执行"code"，它将执行 function...