1

送信ボタンのクリックに基づいてイベントをまとめるのに問題があります。Chat.send()私の目標は、ユーザーが「送信」ボタンを押したときに、ページ上部のフィールドにユーザーが入力して関数を実行することです。Chat.send()繰り返しますが、ユーザーが送信ボタンをクリックしたときに、テキスト バーの文字列を渡したいと思います。私はこれにかなり慣れていないので、少し方向性を探しています。私はそれをハックしましたが、まったく機能していません..

 <!DOCTYPE html>
  <html>
   <head>
     <meta charset="utf-8">
     <script src="http://chatbuilder.hackreactor.com/ChatBuilder.js"></script>
      </head>
        <body>
          <script>
           Chat.guide.start();
          </script>


   <h2>Borken Chat</h2>

      <input class="draft" type="text"/> <button class="send" disabled>send</button>



<ul class="messages">

  <script>
     var Chat_Messages=[];

  function fetchNew() {
    var PrintChat=function(Chat_Messages){
    var y=Chat_Messages.length;
    for(i=0;i<y;i++){
      Chat.display(Chat_Messages[i]);
    }
    }
 Chat.fetch(PrintChat);
 }

 setInterval(fetchNew,3000);


 /*
 *$('#send').click(function(){
  var Input=<input class="draft" type="text">
  Chat.send(Input)
 }) **This was my attempt. I was trying to use the "send" button to trigger an event that calls Chat.fetch on a variable that I         was trying to define as the user input*/



  </script>

</ul>

 </body>
</html>
4

2 に答える 2

2

これを試して：

$(function(){

  // <-- Stick the rest of your code here.

  $('.send').click(function(){      
    Chat.send($('.draft').val())
  });
});
于 2013-04-23T00:07:28.133 に答える
0

私はそれがかなり古い質問であることを知っていますが、私はそれを理解することができたので（ほとんどの場合）、私がしたことを共有したいと思いました. 私の主な関心事は、 からテキストを取得する方法でした<input class="draft" type="text"/>。そのような値を割り当てることにしました <input class="draft" type="text" value=""/>

そして残りのコード -

$('.send').on('click', function(){
var myMessage = $('.draft').val();
Chat.send(myMessage);
});

サーバーに送信しますが、現在私が抱えている唯一の問題は、.sendをクリックしても入力したテキストが消えないことです。理解するのはそれほど難しくないはずです。

于 2014-05-14T21:04:32.470 に答える