javascript - .append 链接不会触发 onclick 函数

Question

我找遍了我找不到这个问题的答案。在我的代码中，在 div 内部创建了一个链接，并赋予了一个 onclick 值以将参数传递给函数。我不明白为什么它不会触发。

var imgCount = 0;
var curImg;


function resetImg(target) {
alert(target);
}



$(".add").click(function () {
imgCount = imgCount + 1;
curImg = "theImg" + imgCount;


//Here we add the remove link
$('#links')
    .append('<a href="#" onclick="javascript:resetImg(\'' + curImg + '\');"  class="dynamic">Call Function</a>');
$('.dynamic').css('display', 'block');
});

这是 fiddle : http://jsfiddle.net/stewarjs/4UV7A/

我尝试在创建链接时使用 .click()，但传递的参数对于每个链接都必须是唯一的。我试过获取 $(this).attr("id") 但返回的值未定义。

感谢您提供的所有帮助。杰夫

Answer 1

与其尝试将 HTML 转换为 JavaScript，我建议您使用已经可用的 jQuery 方法。

 $('#links')
    .append($("<a>").attr('href', '#').on('click', function () { resetImg(curImg);
 }).addClass('dynamic').text('Call Function'));

http://jsfiddle.net/ExplosionPIlls/4UV7A/1/