jquery 聊天窗口插件

// 确保jQuery库已正确引入
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
// 引入聊天窗口插件
<script src="path/to/chat-plugin.js"></script>
// 初始化聊天窗口插件
$(document).ready(function() {
    $('#chat-window').chatPlugin({
        url: 'path/to/chat-server', // 消息服务器地址
        messages: [] // 初始消息数据
    });
});

// 确保WebSocket连接已正确建立
var socket = new WebSocket('ws://example.com/socket');
socket.onmessage = function(event) {
    var message = JSON.parse(event.data);
    $('#chat-window').append('<div class="message">' + message.text + '</div>');
};
// 发送消息
$('#send-button').click(function() {
    var messageText = $('#message-input').val();
    socket.send(JSON.stringify({text: messageText}));
});

// 添加消息后自动滚动到底部
$('#chat-window').append('<div class="message">' + message.text + '</div>').scrollTop($('#chat-window')[0].scrollHeight);