javascript - 使用 jquery 插入后按钮操作不起作用

Question

我有一个“添加”按钮，单击它然后保存按钮将附加到我的 div 中。这是有效的，但我无法触发“保存”按钮的功能。如果我直接将“保存”按钮粘贴到代码中，它就可以工作。我找不到我的错误...

<a class="save" href="#"><img src="images/save.png" alt="save_working" /></a>
<a class="add_row" href="#"><img src="images/icon_add_light.png" alt="add" /></a><br>
<div id="hinzu"></div>


$(".save").click(function() {
    alert("saveworking");
});


$(".add_row").click(function() {
    $("#hinzu").append('  <a class="save" href="#"><img src="images/save.png" alt="savenotworking" /></a>');
});

这是一个 fiddle :http://jsfiddle.net/MgcDU/321/

为什么这不能与 js 的追加方法一起使用？

Answer 1

它是动态的，因此当您绑定(bind)事件时它不存在。为此，您需要将事件委托(delegate)给附加事件处理程序时实际存在的元素:

$("#hinzu").on('click', '.save', function() {
    alert("saveworking");
});