jQuery clone（）不克隆事件绑定，即使使用on（）

Question

我创建了一系列用于移动Web应用程序的自定义jQuery事件。他们工作得很好，已经过测试。但是，我遇到了一个小问题，难以理解。

我正在.clone()DOM中使用一些元素，其中包含一个按钮。该按钮绑定了一些自定义事件（这些事件使用绑定.on()），但是。不幸的是，当我使用jQuery时.clone()，未保留绑定，我必须再次添加它们。

有人遇到过这种情况吗，有人知道有可能解决此问题吗？我以为使用.on()应该保留现在或将来存在的元素的绑定？

Answer 1

我认为您应该使用.clone（）方法的重载：

$element.clone(true, true);

clone（[withDataAndEvents] [，deepWithDataAndEvents]）

withDataAndEvents ：一个布尔值，指示是否应将事件处理程序和数据与元素一起复制。默认值为false。

deepWithDataAndEvents
：一个布尔值，指示是否应复制克隆元素的所有子级的事件处理程序和数据。默认情况下，其值与第一个参数的值匹配（默认为false）。

注意.on()不要将事件实际上绑定到目标，而是绑定到要委派的元素。因此，如果您有：

$('#container').on('click', '.button', ...);

这些事件实际上绑定到#container。当发生单击.button元素时，它会冒泡到该#container元素。触发事件的元素将根据的选择器参数进行评估.on()，如果匹配，则执行事件处理程序。这就是事件委托的工作方式。

如果克隆元素#container，则必须使用事件和数据进行深度克隆，.on()以保留要进行的绑定。

如果您.on()在的父项上使用，则没有必要#container。