隐藏显示仅适用于第一个元素,一旦克隆停止工作。
FIDDLE HERE : https://jsfiddle.net/rmpLvx7h/18/
单击图像,图像应显示在特定div中(单击元素/。这)。每个div中的图像也不会更新。
我想弄清楚但没有任何效果。尝试了Live(),on(),delegate()等。
答案 0 :(得分:0)
在第72行,var clone = original.cloneNode(true); // "deep" clone
,
请注意,vanilla Javascript深度克隆不会克隆附加到原始节点的事件侦听器。这就是为什么附加到.Play_Start的事件不会添加到克隆中的原因。您应该使用事件委派来侦听.Play_Start元素的父元素,.Counter_Play上的事件,或使用jQuery's Clone method,这可以用于使用事件处理程序进行克隆。
答案 1 :(得分:0)
您正在为导致该错误的所有银盒使用相同的类。你有一个
$('.empty_box').click(funciton(){
//Here comes the confusion.
})
通过克隆原型的html结构,只需将类更改为另一个名称,例如empty_box1..empty_box2,但是您必须应用外部逻辑来执行该操作可能会添加一些计数器(是的,并且事件监听器应该应用于新元素: ))