jquery append（）函數不工作

-1

我正在創建我自己的自定義聊天欄所有相關的編碼我已經完成，數據庫和所有的PHP函數工作正常，但是當提交聊天輸入消息後，我試圖追加輸入框數據與jQuery的附加功能它根本不工作。jquery append（）函數不工作

HTML：

<div class="chat-bar-wrapper"> 
     <div class="chat-bar-head"> 
      <div class="chat-bar-icons-top"> 
       <i class="fa fa-minus"></i> 
      </div> 
      <div class="chat-bar-title"> 
       <p>Chat Online</p> 
      </div> 
     </div> 
     <div class="chat-bar-form"> 
      <div class="chat-bar-text-display" id="messages_output"></div> 
      <form class="message-box" id="chat-form"> 
       <div class="chat-bar-text-inputs"> 
        <div class="chat-bar-text-input"> 
         <input type="text" class="form-control" name="messages_input" placeholder="Enter your text here"> 
        </div> 
        <div class="chat-bar-text-enter"> 
         <input type="submit" class="btn btn-warning form-control" value="@"> 
        </div> 
       </div> 
      </form> 
     </div> 
    </div>

JS：

$(function(){ 

$("#messages_output").load('ChatMsgLoad.php'); 

    $("#chat-form").submit(function(){ 

     $.post('chatMsgPost.php', $('#chat-form').serialize(), function(data){ 
      $('#messages_output').append(data); 
     }); 

     return false; 
    }); 
});

來源

2014-09-01 Pratyush Goyal

'data'是什麼？嘗試使用'data.text' – Daan 2014-09-01 14:13:51

'data'如何返回？ – 2014-09-01 14:16:58

什麼會返回'數據'？ – 2014-09-01 14:19:00

-1

試試這個appendTo（），而不是追加（）。

$(data).appendTo("#messages_output");

併爲您在數據變量是否含有一種控制檯。這裏瞭解更多appendTo() in jQuery

來源

2014-09-01 14:26:39

jquery append（）函數不工作

回答

相關問題