JQuery选择不起作用

JQuery selection not working

本文关键字:不起作用 选择 JQuery      更新时间:2023-09-26

我在下面的代码中给出了一个id"song-pick"。

$("#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标记来修复它,但没有成功。需要帮助。

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

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