Javascript 克隆一个div，然后从子级再次克隆

我有以下简单的代码，我双击一个div（使用classcontainer），它只是将自己克隆到另一个div中（使用idcontainment wrapper）：

html

<span class="container">div one</span>

<div id="containment-wrapper">
</div>

---

当我双击原始div时，它会克隆自身并将一个div放入容器包装器中，但当我双击克隆的div时，它不会做任何事情，即使它有class=container，为什么会发生这种情况？我尝试了许多不同的方法来克隆它，但都没有成功。

因为dblclick没有绑定到新的div。您想要实现的目标很容易实现

---

因为dblclick没有绑定到新的div。您想要实现的目标可以很容易地用

---

由于您正在动态添加div标记，因此它们不会自动绑定到您指定的.dblclick函数。使用事件处理程序是解决此问题的一种方法。

因为您正在动态添加div标记，它们不会自动绑定到您指定的.dblclick函数。使用事件处理程序是解决此问题的一种方法。

这是因为事件处理程序未克隆。改用

委托

：

$(".container").delegate("","dblclick",function() {
  $(this).clone().appendTo('#containment-wrapper');
});

---

这是因为事件处理程序没有被克隆。改用

委托

：

$(".container").delegate("","dblclick",function() {
  $(this).clone().appendTo('#containment-wrapper');
});

$(".container").delegate("","dblclick",function() {
  $(this).clone().appendTo('#containment-wrapper');
});