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

Question

基本上，我正在使用三个选项卡，分别是 'Monday'、'Tuesday' 和 'Favorites'。我有一个切换图标，它是一颗心。如果我在星期一点击图标，空心就会被填满，它被克隆并添加到“#fav”选项卡。从它到达那里的那一刻起，切换图标根本不起作用。

我试过：

clone(true, true)

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

我创建了这个 fiddle，所以你可以体验这个问题。

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

Answer 1

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

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

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