javascript - 尝试在 append 后执行一些 jquery 代码

Question

我有一些链接，我希望在单击链接时发生一些事情。但是，我正在使用 .append 创建这些元素这是我的 jQuery 代码:

$(".ClickTools").click(function(){alert(1);});

它在 .append 之后不起作用，但当元素已经存在时它会起作用(不使用 append)。即使元素已添加到页面中，我也需要此代码才能使用 append

这是html代码:

<div id="appender"></div>

这是我的 jQuery 追加代码:

$("#appender).append('<a class=".ClickTools">click on me</a>');

当我点击 Click on me 按钮时，没有任何反应。谁能解释一下为什么？

Answer 1

这样做:

$('<a>click on me</a>').appendTo('#appender').click(function(){alert(1);});

使用appendTo可以让你创建的对象最后返回，所以你可以直接给它添加一个点击事件。