Question

我正在创建我自己的自定义聊天栏所有相关的编码我已经完成，数据库和所有的PHP功能工作正常但是当提交聊天输入消息后我试图用jquery追加功能附加输入框数据其不工作。

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;
    });
});

Answer 1

尝试使用appendTo（）而不是append（）。

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

并在控制台中检查 data 变量是否包含某些内容。在这里阅读更多appendTo() in jQuery

jquery append（）函数不起作用

1 个答案: