javascript - OnClick 中函数的 jQuery 引用问题

Question

这是我的代码:

jQuery("#"+code+"_2").after("<a href='#' id='"+code+"_3' onclick='addfunction('"+code+"', event); return true;'><img src='special.gif' border='0'></a>");

我在 addfunction( 上遇到语法错误。代码是一个字符串，我尝试将其用引号括起来，但它不起作用。有什么想法吗？

更新 --- 这可以工作，但不会在函数中传递代码和事件。

function addfunction() {
alert("THIS WORKS");
}
var myAnchor = $('<a href="#" id="' + code + '_3"><img src="special.gif" border="0"></a>').bind('click', addfunction);
$('#' + code + '_2').after(myAnchor);

Answer 1

这有效!尽量避免 onclick 事件，而使用 on() 代替。

首先创建 anchor ，为其绑定(bind)点击事件，然后附加到 DOM。

function addfunction(code, event) {
    alert("THIS WORKS, the code is: " + code);
}
var myAnchor = $('<a href="#" id="' + code + '_3"><img src="special.gif" border="0"></a>').bind('click', function(event) {
    addfunction(code, event);
});
$('#' + code + '_2').after(myAnchor);