尝试在追加后执行一些jquery代码

Question

我有一些链接，当我单击链接时，我想做点什么，但是我按.append创建了链接。这是我的Jquery代码：

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

并且它在追加后不起作用，但是直接起作用（我的意思是没有追加），但是在append之后我需要使用此Jquery代码

这是html代码：

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

这是我的附加代码：

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

当我单击Click on me按钮时，什么都没有发生，为什么我的警报不起作用？

Answer 1

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

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

此外，在添加和设置类名时也不需要点（。）（也修复了丢失的引号）

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