在 append 之后尝试做一些 jquery 代码

Question

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

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

在.append 之后它不起作用，但是当元素已经存在时它确实起作用（不使用附加）。 即使已使用 append 将元素添加到页面，我也需要此代码才能工作

这是 html 代码：

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

这是我的 jQuery append 代码：

$("#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 将允许您创建的 object 最后返回，因此您可以直接向其添加点击事件。

Answer 2

由于解析时不存在 dom 元素，因此您必须将事件绑定到已经存在的元素，例如文档：

$(document).on('click', '.ClickTools',function(){ console.log(123) });

此外，您在附加和设置类名时不需要点 (.)（还修复了缺少的引号）

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