javascript - 动态创建的 anchor 标记上的 Onclick 事件

Question

我有一个动态创建的 anchor 标记，该 anchor 标记有一个如下所示的 onclick 事件:

$('#'+educationHistoryId).append("<span>"+degreeTitle+"</span>" +  "<a href='javascript:void(0)' onclick='deleteEducationLevel(" + educationHistoryId + ");'>Delete</a>");

当我点击这个 anchor 时，我收到 js 错误:

类型错误:在未实现 HTMLElement 接口(interface)的对象上调用“click”。

我怀疑存在一些字符转义问题，但无法解决。

已添加

生成的html:

<div id="ff8081814734be020147357beda5002b"><span>A Level</span><a onclick="deleteEducationLevel(ff8081814734be020147357beda5002b);" href="#">Delete</a></div>

Answer 1

尝试用以下内容替换该行，以便事件像这样绑定(bind):

var $link = $("<a href='javascript:void(0)'>Delete</a>");

$link.on("click", function() {
    deleteEducationLevel(educationHistoryId);
});

$('#'+educationHistoryId).append("<span>"+degreeTitle+"</span>").append($link);

在我的(非常简化的)测试中，这似乎有效:http://jsfiddle.net/E7LRt/