jquery:向新创建的元素添加事件

Question

我通过 jquery 添加了一个新元素。现在我想要一个在单击元素时触发的函数。我知道这个问题有很多答案，但它们似乎对我不起作用。不确定我在这里做错了什么。

我已经尝试过:

new_ele = "<a>click me</a>"
new_ele.click(function() {alert('xxxx');}); 
other_ele.append(new_ele);

在附加 new_ele 之前此操作失败。

我也尝试过(而不是上面的第二行)

new_ele.onclick = function() { alert('blah'); };

这会附加该元素，但当我单击时没有任何反应。

还有

new_ele.on('click',function() {alert('ddd');});

在附加元素之前，这也会失败。

Answer 1

将其更改为:

new_ele = $("<a>click me</a>");
new_ele.click(function() {alert('xxxx');}); 
other_ele.append(new_ele);

为了添加 jQuery .click() 处理程序，您需要一个可以调用 .click() 方法的 jQuery 对象。您的代码试图执行以下操作:

"<a>click me</a>".click(function() {alert('xxxx');}); 

这显然行不通，因为字符串上没有 click 方法。相反，您需要通过调用 $() 将该 HTML 字符串转换为实际的 jQuery 对象。