将侦听器添加到js created元素中。 jquery ON不工作

Question

我需要将一个监听器附加到通过js dom操作创建的元素。我认为这是jquery ON的用途，但下面的例子不起作用。

它适用于初始元素，但不适用于通过JS添加的任何元素。添加的元素具有正确的类名。

<div id = "tag_options">
    <div class = 'tag_option'>test</div>
</div>


function greet(event) { alert("Hello "); }
$("[class='tag_option']").on("click", {}, greet);

Answer 1

试试这个：

function greet(event) { alert("Hello "); }

$("#tag_options").on("click", ".tag_option", greet);

Answer 2

使用委托，例如：

$(document.body).on("click","[class='tag_option']", greet);