Автоматически обновлять содержимое Div и сразу прокручивать вниз?

Question

Дело в том, что я могу сделать и то и другое, но я не могу заставить их работать сразу один за другим, это делает первое на 1-м такте и второе на 2-м такте.Я также пытался с 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 («Вы код», function ()) .. после загрузки вашего кода он выполнит «код», он выполнит функцию ...