jquery - 在 Javascript 中的 HTML 中包含 Javascript 变量

Question

我正在使用 jquery 将内容附加到我的 html 中。在 onclick 函数中，我想向函数发送一个 javascript 变量，但它不起作用。

这是代码：

var link = "some url";
$('#header').append('<a onclick="activateLink(link);">Click</a>');

function activateLink(vlink)
{
    window.open(vlink, '_blank');
}

我试过以下

$('#header').append('<a onclick="activeLink**("'+link+'")**;">Click</a>');

和

$('#header').append('<a onclick="activeLink**('+link+')**;">Click</a>');

似乎没有任何效果。任何帮助表示赞赏。

Answer 1

我建议：

$('<a />', {
    'text' : 'Click',
    'click' : function(){
        activateLink(link);
     }
}).appendTo('#header');

JS 小提琴演示。