为什么克隆 div 后切换图标不起作用？ [关闭]

Question

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

我试过了：

clone(true, true)

但对我来说似乎效果不佳。我知道出了点问题，所以如果有人能指出我正确的方向，我将不胜感激。

我已经创建了这个小提琴，所以你可以体验这个问题。

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

Answer 1

事件监听器不附加到动态创建的元素上。 因此，不会为收藏夹标签中的元素触发 click 事件。

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

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