在元素克隆上隐藏/显示对克隆元素不起作用答案

【问题标题】：On element clone Hide/Show doesn't work on Cloned elements在元素克隆上隐藏/显示对克隆元素不起作用
【发布时间】：2016-02-01 08:42:10
【问题描述】：

隐藏显示仅适用于第一个元素，一旦克隆停止工作。

FIDDLE HERE : https://jsfiddle.net/rmpLvx7h/18/

单击 Image 时，图像应显示在特定的 div 中（单击的元素 /. This ）。图像也不会在每个 div 中更新。

我试图弄清楚但没有任何效果。尝试过 Live()、on()、delegate() 等。

【问题讨论】：

标签： javascript jquery duplicates clone

【解决方案1】：

在第 72 行，var clone = original.cloneNode(true); // "deep" clone，请注意，vanilla Javascript 深度克隆不会克隆附加到原始节点的事件侦听器。这就是为什么附加到 .Play_Start 的事件不会添加到克隆中的原因。您应该使用事件委托来侦听 .Play_Start 元素的父元素 .Counter_Play 上的事件，或者使用 jQuery's Clone method，它可用于通过事件处理程序进行克隆。

【讨论】：

我已经搜索了示例和 jq 克隆脚本。没用。你能帮我解决这个问题吗？

【解决方案2】：

您对导致该错误的所有银盒使用相同的类。你有一个

 $('.empty_box').click(funciton(){

       //Here comes the confusion.

 })

通过克隆原型的 html 结构只需将类更改为另一个名称，例如 empty_box1..empty_box2 但您必须应用外部逻辑来执行此操作，可能会添加一些计数器（是的，并且应该为每个新元素应用事件侦听器： ))

【讨论】：