Question

我想打开一个特定人物的差异点击他的名字（给出）并且只想聊两个人...我无法理解如何在点击他/她的名字时获得差异。 ... Plzzz帮助，如果有人可以得到我的代码......`

Check this design try to analyse what i wanna say

Answer 1

我做了一个选择用户的简单示例，其中包含添加测试消息的代码。当您点击用户＆＃34; content_holder＆＃34;重置div并为另一个用户加载新的聊天窗口。当您单击＆＃34;添加测试消息＆＃34;按钮消息被添加到活动窗口。我认为这就是您正在寻找的Link to example script

HTML：

<div id='ATM'>Add test message</div>
<div class="container">
    <div class="content_holder"></div>
    <div class="user-list">
        <ul>
            <li class="user" user-id='1'>user 1</li>
            <li class="user" user-id='2'>user 2</li>
            <li class="user" user-id='3'>user 3</li>
        </ul>
    </div>
</div>

JS：

function addMessage(message) {
    $(".conv").append("<div class='message'>"+message+"</div>");
}

function selectUser(userId) {
    $(".content_holder").html("<div class='messages'>conversation with user"+ userId +"<hr><div class='conv'></div></div>")
}

$(".user").click(function(){
    selectUser($(this).attr("user-id"));
});

$("#ATM").click(function(){
    addMessage("testMessage");
});

CSS：

.content_holder {
    width: 300px;
    border: 1px solid #000;
    float: left;
    height: 300px;
}
.user-list {
    float: right;
    margin-left: 10px;
    text-align: left;
    width: 200px;
    cursor: pointer;
}
#ATM {
    border: 1px solid #000;
    cursor: pointer;
}

聊天应用程序

1 个答案: