jQuery选择器问题（追加后）

Question

我已经看到1或2个类似此问题的帖子，但是我的略有不同，并且建议的修复对我不起作用（通常是对他们的错字）。对我而言，这不是错字。

我将使用jQuery附加到div中，并在加载时在其中创建一个div。

单击该div时，它会启动一个方法。

但是，选择器不起作用。

这是我附加数据的地方：

else if (isEquipped != true && data.archer.level == 0) {
    $("#locked-list").append(`
        <div id="archer-locked" class="archer-link"></div>
    `);
}

这里是选择器：

$("#archer-locked").on("click", e => {
  console.log("hmmm");
  if (e.target.className != "") {
    classView(e, false);
  }
});

一切看起来都应该在检查控制台中。

但是，由于某种原因它没有触发。

Answer 1

听父母的话，然后检查孩子：

$("#locked-list").on("click", "#archer-locked", e => {...});