Question

我正在尝试模拟帮助聊天对话框。它现在是硬编码的，因此有可预测的机器人响应来自＆＃34; help＆＃34;侧。打开对话框后，第一条消息将淡入.Yo可以在输入框中输入任何内容，然后单击“发送”以保持聊天进度。不久之后，第二次帮助响应将会消失。我需要2件事。一个是当你输入新的消息时，进入一组新的div，而不是继续在第一个。因此，如果再次按send，它将在最新响应后附加。第二，我可以保持这种状态而不给每个响应一个新类（希望如此）.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);
          });

Answer 1

如果已经在DOM中定义了聊天标记，那么您将有一些麻烦来附加用户谈话然后顾问谈话等。

例如，您应该定义一个#chat div，您可以动态地附加每个回复。希望this jsFiddle可以帮到你。

模拟聊天帮助对话框？

1 个答案: