在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 Fiddle demo。