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

时间:2015-11-01 10:14:12

标签: javascript jquery duplicates clone

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

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

单击图像,图像应显示在特定div中(单击元素/。这)。每个div中的图像也不会更新。

我想弄清楚但没有任何效果。尝试了Live(),on(),delegate()等。

2 个答案:

答案 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,但是您必须应用外部逻辑来执行该操作可能会添加一些计数器(是的,并且事件监听器应该应用于新元素: ))