Javascript 为什么在克隆div后切换图标不起作用？

基本上，我用的是三个标签，分别是“星期一”、“星期二”和“收藏夹”。我有一个切换图标，它是一个心脏。如果我在周一，点击图标，空的心就会被填满，它会被克隆并添加到“fav”选项卡中。从它到达那里的那一刻起，切换图标就根本不起作用

我试过：

clone(true, true)

但对我来说似乎不太好。我知道有点不对劲，所以如果有人能给我指出正确的方向，我将不胜感激

我创造了这个小提琴，所以你可以体验这个问题

---

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

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

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

---

我不完全明白你想在这里做什么-你能试着解释清楚一点吗？如果我不够清楚，对不起。所以，当我点击图标（'.favorite I'）。。心脏会按照上面的解释填充，并将父对象克隆到“fav”选项卡。克隆时，如果单击图标，它将不再在两个类之间切换（“fa-heart fa-heart-o”）。但是，如果此图标位于未克隆的div中，则它可以工作@DuncanThackerOK，谢谢-我之前很困惑，因为标签上有一个心脏图标，我不知道你指的是实际物品上的心脏图标。我现在再看一看。非常感谢！你是个救生员：）