Javascript 带有jquery底部聊天栏的hep

嘿，伙计们，如果我克隆我的聊天记录，我jquery/javascript聊天框的最后一块就停止工作了 使用javascript

这是我的javascript代码，用于克隆和更改几个div的id

e、 g更改ch、聊天室和聊天室ID/类别

举个例子

<div class="chat" id="chat">
<div id="ch" class="ch">
               <h2>Chat</h2></div>
               <div class="chatbox" id="chatbox">
               <div class="messages"></div>
               <textarea id="message" class="chatinp" 
               rows="3" cols="27"></textarea>
               <button class="send">Send</button></div>
</div>

聊天
发送

每次克隆时，它都会更改chat、ch和chatbox的id，但保持原来的id不变

就像这样

克隆1

    <div class="chat" id="chat1">
    <div id="ch1" class="ch">
                   <h2>Chat</h2></div>
                   <div class="chatbox" id="chatbox1">
                   <div class="messages"></div>
                   <textarea id="message" class="chatinp" 
                   rows="3" cols="27"></textarea>
                   <button class="send">Send</button></div>

</div>

聊天
发送

克隆2

<div class="chat" id="chat2">
<div id="ch2" class="ch">
               <h2>Chat</h2></div>
               <div class="chatbox" id="chatbox2">
               <div class="messages"></div>
               <textarea id="message" class="chatinp" 
               rows="3" cols="27"></textarea>
               <button class="send">Send</button></div>
</div>

聊天
发送

var num=newnumber（）；
num=0
函数chat（）{
如果（！document.getElementById（“聊天”））{
var chatdiv=document.createElement（'div'）；
chatdiv.id='chat'；
chatdiv.className='chat'；
chatdiv.innerHTML=
['',
"聊天",，
'',
'',
'',
“发送”
].加入（“”）
文件.body.appendChild（chatdiv）；
} 
其他的
{
var obj=document.getElementById（“chat”）.cloneNode（true），
childrends=obj.childNodes；
num+=1；
//更改克隆元素的id
obj.id=obj.id+num；
//将obj的子节点遍历到
//变更id（调用函数变更id）
如果（num在您克隆聊天室之后，您需要注册另一个单击处理程序：
$（'#ch'+num）。单击（clickHandler）

您需要将
clickHandler
设置为通用处理程序。因此，处理程序的外观如下：

function clickHandler(e){
    var id = this.id.substring(2);
    //Now initiate sliding behavior
    $("#chatbox"+id).slideToggle(...);
}

你的问题一点也不清楚。你想在点击聊天框时滑动切换它吗？
function clickHandler(e){
    var id = this.id.substring(2);
    //Now initiate sliding behavior
    $("#chatbox"+id).slideToggle(...);
}