0

ヘルプ チャット ダイアログをエミュレートしようとしています。今のところハードコーディングされているため、「ヘルプ」側からの予測可能なロボットの応答があります。ダイアログを開くと、最初のメッセージがフェードインします。入力ボックスに何でも入力し、[送信] をクリックしてチャットを続けることができます。すぐに、2 番目のヘルプ応答がフェード インします。2 つのことが必要です。1 つは、新しいメッセージを入力すると、新しい一連の div に入り、最初のメッセージに続かないことです。したがって、もう一度送信を押すと、最新の応答の後に追加されます。2 つは、各応答に新しいクラスを与えずにこれを続けることができることです (できれば) .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);
          });
4

1 に答える 1

1

チャット マークアップが DOM で既に定義されている場合、ユーザー トーク、アドバイザー トークなどを追加する際に問題が発生します。

#chatたとえば、各返信を動的に追加する div を定義する必要があります。このjsFiddleがお役に立てば幸いです。

于 2013-10-10T21:16:18.747 に答える