Javascript 聊天室刷新和向下滚动至最新消息的功能';行不通

Javascript 聊天室刷新和向下滚动至最新消息的功能';行不通,javascript,jquery,ajax,chat,Javascript,Jquery,Ajax,Chat,我已经收到的功能,应该刷新聊天盒的内容,它也应该滚动到最新的消息。我在使用jQueryload()用于刷新,但当我收到新消息时,它不会向下滚动。然后,正如我所说,我收到了使用函数的ajax,它应该取代我的jQuery函数。但它甚至没有加载内容 这两个代码都在下面,我非常感谢每一个建议,我现在感到非常无助 jQuery加载(): 好的,在访问您的页面之后,主要的问题似乎是按钮提交页面,而不是调用您的函数 你需要这样的东西: $(document).ready(function() { $(

我已经收到的功能,应该刷新聊天盒的内容,它也应该滚动到最新的消息。我在使用jQuery
load()用于刷新,但当我收到新消息时,它不会向下滚动。然后,正如我所说,我收到了使用函数的ajax,它应该取代我的jQuery函数。但它甚至没有加载内容

这两个代码都在下面,我非常感谢每一个建议,我现在感到非常无助

jQuery加载():


好的,在访问您的页面之后,主要的问题似乎是按钮提交页面,而不是调用您的函数

你需要这样的东西:

$(document).ready(function() {
    $('form').submit(function(e) {
        // stop the submit
        e.preventDefault();

        // execute your function
        updateChat();
    });
});

第二个发生了什么one@epoch没什么-这就是问题所在。聊天内容甚至没有加载…添加一些日志,看看它在哪里stops@epoch对不起,我在jQuery之类的东西上真是个乞丐,你是说
console.log()
?如果你这样做了,我已经尝试添加2个日志,用于updateChat和scrollToBottom,但我不知道从哪里获得日志结果?打开浏览器中的开发人员工具:)但是我必须调用“send.php”将发送的消息添加到数据库中,它不会与此函数一起添加,是吗?好的,我已经尝试了:
$(document).就绪(函数(){updateChat();});
但是它把我扔到聊天框的一半(滚动到一半到底部),然后我就被卡在那里了。我不能向下滚动,甚至不能向上滚动。。。
var needsToScrollToBottom=true;
var url='chat_vypis.php';

function updateChat() {
    $.ajax({
        url:url,
        method:'GET',
        success:function(data) {
            var chat=$('#chat');
            chat.html(data);
            if (needsToScrollToBottom) {
                scrollToBottom(chat);
            }
        },
        //even on error, but after the call has completed
        complete:function() {
            setTimeout(updateChat,500);
        }
    });
}

function scrollToBottom(elem) {
    elem.animate({ scrollTop: elem.height() }, "slow");
}
$(document).ready(function() {
    $('form').submit(function(e) {
        // stop the submit
        e.preventDefault();

        // execute your function
        updateChat();
    });
});