在元素克隆上，“隐藏/显示”不适用于克隆的元素

Question

隐藏显示仅对第一个元素有效，一旦克隆停止工作。

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

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

我试图弄清楚，但没有任何效果。 尝试过Live（），on（），delegate（）等。

Answer 1

在第72行， var clone = original.cloneNode(true); // "deep" clone var clone = original.cloneNode(true); // "deep" clone ，请注意，香草Javascript深层克隆不会克隆附加到原始节点的事件侦听器。 这就是为什么未将附加到.Play_Start的事件添加到克隆中的原因。 您应该使用事件委托来侦听.Play_Start元素的父元素.Counter_Play上的事件，或使用jQuery的Clone方法 （可用于与事件处理程序进行克隆）。

Answer 2

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

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

       //Here comes the confusion.

 })

通过克隆原型的html结构，只需将类更改为另一个名称，例如empty_box1..empty_box2，但是您必须应用外部逻辑来添加一些计数器（是的，事件监听器应该用于每个新元素:)）