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