我正在尝试模拟帮助聊天对话框。它现在是硬编码的,因此“帮助”方面有可预测的机器人响应。打开对话框后,第一条消息将淡出。你可以在输入框中输入任何内容,然后单击发送以继续聊天。不久之后,第二个帮助响应将逐渐消失。我需要两件事。一个是当你输入新消息时,进入一组新的 div,而不是在第一个继续。因此,如果您再次按发送,它将附加在最新响应之后。二是我可以在不为每个响应提供新课程的情况下继续进行(希望如此)。advChat1、2、3、4 等等可能很乏味。
http://jsfiddle.net/qp7NP/209/
jQuery
$( ".helpOpen" ).click(function() {
$( ".helpDialog" ).dialog( "open" );
$( ".advChat1" ).show(1200);
});
$( ".saveText" ).click(function() {
$('.text1').append($('.resChat').val());
$( ".userChat" ).show(800);
$( ".advChat2" ).delay( 2200 ).show(1200);
});