Question

问题是，我可以做到这两点，但我不能让它们一个接一个地立即工作，它在第一个时钟中执行第一个，在第二个时钟执行第二个时钟。我也试过在另一个里面有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()上使用回调函数。

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

这样，在加载内容后立即进行滚动。

Answer 2

您需要使用jquery的回调函数。回调函数是事件后执行的东西，如果我举个例子.load（“你代码”，函数（））..加载代码后，它将执行“代码”，它将执行函数...

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

2 个答案: