clone（true，true）不会将事件绑定克隆到子级上

Question

我已经在此问题上进行了详尽的研究，似乎无法找到解决方案。

某些背景：这是一个Firebase应用程序，它允许用户登录，检索“帖子”，然后呈现类似于社交媒体结构的“帖子”。当前的问题是当我克隆div类时，克隆中不包括与“ .toolbar”类的事件绑定，但仍要注册原始事件。

HTML：

<div class = "post">                                                                                                                                                                                                         
    <div class = "toolbar">                                                                                                                                                                                                                                                                                                                                                                                                                                                         
         <span style="font-size: 32px; color: skyblue;">                                                               
            <a id = "comment_ct" style = "font-size:12px;font-weight:bold;font-family:Helvetica;color:skyblue;positon:absolute;">14</a>
            <i id = "comments" class="fas fa-comments"></i>                                                                            
          </span>                                                                                                                                                                                                                                                                                                                
        <span style="font-size: 32px;color: white;">                                                                 
            <i class="fas fa-edit"></i>                                                                          
        </span>
        <span style="font-size: 32px; color:red;">
             <i class= "fas fa-trash"></i>
        </span>
   </div>                                                                                                                                                              
<div>

这是我要克隆的javascript，从原始发布节点开始。

Javascript：

var og = document.getElementById("og");

$(".post").on("click",".toolbar",function()
      {
       // Event handler code
       });


//called after login
function getPost()
{   
      //query firebase
      for(posts in topic)
     {

      og = showPost(og,postData);
      }
}

function showPost(par,data)
{
     var node = par.cloneNode(true,true);
     // fill node content with text data
     par.after(node);
     return node;
}

这是我的代码的简化版本，不包括文章的所有数据字段，但捕获了我要执行的操作的本质。每个帖子的所有内容都被漂亮地填充并添加到文档中，唯一的麻烦是绑定$（“。post”）。on（'click'，'。toolbar'）的事件仅注册原始div。谁能指出我需要修复或实施的内容？我几乎在互联网上到处都有。

Answer 1

Node.cloneNode()