javascript - 带有 JavaScript 的 anchor 标记，在 JavaScript 中

Question

我有输出链接(搜索结果)的 JavaScript，但我在 anchor 标记中添加 onclick 时遇到问题

var str = "<a href='#bokvisning' onclick='javascript:$(#bokvisning_content).load('http://www.akademika.no/node/"+item.link+"')'>" + item.title + "</a>";

它输出这个，这是错误的:

<a href="#bokvisning" onclick="javascript:$(#bokvisning_content).load(" http:="" www.akademika.no="" node="" link')'="">Title</a>`

这可能吗？我还有哪些其他选择？

Answer 1

快速修复是引号，像这样:

var str = "<a href='#bokvisning' onclick='javascript:$(\'#bokvisning_content\').load(\'http://www.akademika.no/node/"+item.link+"\')'>" + item.title + "</a>";

不过，最好不引人注意地添加点击处理程序，如下所示:

var anchor = $("<a/>", {href:'#bokvisning', text:item.title}).click(function() {
   $("#bokvisning_content").load("http://www.akademika.no/node/"+item.link);
});
//or for older jQuery versions (<1.4):
var anchor = $("<a href='#bokvisning'></a>").text(item.title).click(function() {
   $("#bokvisning_content").load("http://www.akademika.no/node/"+item.link);
});

然后将 that 附加到您当前将字符串放入的任何元素。

注意:上面的第二个选项假定 jQuery 是一个选项，因为您的 onclick 正在使用它。