jquery append（）函数不工作

问题描述：

我正在创建我自己的自定义聊天栏所有相关的编码我已经完成，数据库和所有的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; 
    }); 
});

'data'是什么？尝试使用'data.text' – Daan 2014-09-01 14:13:51

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

什么会返回'数据'？ – 2014-09-01 14:19:00

答

试试这个appendTo（），而不是追加（）。

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

并为您在数据变量是否含有一种控制台。这里了解更多appendTo() in jQuery

jquery append（）函数不工作

相关推荐