使用onclick链接动态添加div

Question

我根据包含一些数据和网址的xml列表添加了一些div 目前正在尝试使用onClick，但它似乎没有加载div部分的js。

 //retrieve each of the data field from ITEM
var url = item.find('url').text();
var image = item.find('project-img').text();
var title = item.find('id').text();
var desc = item.find('desc').text();
var html;

//Embed them into HTML code
html = '<div class="project"><img src="' + image + '" alt="' + title + '" />';
html += '<div class="info">';
html += '<div class="title">'+title+'</div>';
html += '<div role="button" class="launch" onclick="window.open('+url+',"mywindow");">Launch Website</div>';
html += '<div role="button" class="more">View More</div>';
html += '</div></div>';

我认为它在某种程度上搞砸了添加＆＃39; url＆＃39;部分与＆＃39;或＆＃34; 或者在这种情况下更容易调用链接？

Answer 1

我认为你有一个错误（我唯一能发现的错误），所以请尝试以下方法：

onclick="window.open('+url+',\'mywindow\');"

Answer 2

根据您的要求，正确的语法是

html += '<div role="button" class="launch" onclick="window.open(\''+url+'\',\'mywindow\');">Launch Website</div>';