在 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>');