克隆div后,为什么切换图标不起作用?

时间:2017-09-09 18:47:26

标签: javascript jquery icons toggle clone

基本上,我正在使用三个标签,分别是周一,周二和周四。和'收藏夹'。我有一个切换图标,这是一颗心。如果我在星期一点击图标,那么空心就会被填满,并将其克隆并添加到' #ef'标签。从它到达那一刻开始,切换图标根本不起作用。

我试过了:

clone(true, true)

但似乎并不适合我。我知道有些事情是错的,所以如果有人能指出我正确的方向,我会很感激。

我已经创造了这个小提琴,所以你可以体验到这个问题。

https://jsfiddle.net/itsfranhere/nbLLc3L0/15/

1 个答案:

答案 0 :(得分:0)

事件侦听器未附加到动态创建的元素。 因此,不会为“收藏夹”选项卡中的元素触发click事件。

您需要将事件侦听器附加到fav选项卡中的锚元素,或使用事件传播来捕获事件。

$('div.tab-pane').on('click', '.favorite', function(e) {
 // code here
}