JQuery选择不起作用

Question

我在下面的代码中给出了“歌曲选择”的ID。

$("#archive").append("<div id=\"song-pick\" data-song=\""+song.rank+"\" class=\"box small back"+counter+"\"><span>"+song.title+"</span></div>");

尝试按

打印

$('#song-pick').on("click", function() {
  console.log("PICKED");
}

它很好地获得了ID，我可以在网上看到它：

<div id="song-pick" data-song="1" class="box small back1"><span>소녀 (A Little Girl) </span></div>

但是，如果我单击该元素，它不会在控制台上打印任何内容。 我不知道为什么。尝试通过更改为li或ul标签而不是div标签来修复它，但它不起作用。需要帮忙。

Answer 1

$('#archive').on("click",'#song-pick', function() {
  console.log("PICKED");
});

通过DOM中的元素进行委派。