元素克隆隐藏/显示不适用于克隆元素

Question

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

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

点击图片，图片应该显示在特定的div（clicked element /。This）。图像也不会在每个div中更新。

我想弄明白，但没有任何工作。尝试Live（），on（），delegate（）等。

Answer 1

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

Answer 2

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

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

     //Here comes the confusion. 

}) 

通过克隆原型的HTML结构正好类更改为另一个名称，例如empty_box1..empty_box2但你要申请这样做，也许添加一些计数器（yes和事件侦听器外部逻辑应该应用foreach新元素:)）