使用jQuery动态地将HTML标记（包括`onclick`属性）附加到页面

Question

我正在使用PhoneGap / Cordova应用程序。我试图动态地将HTML附加到容器中。附加的HTML有一个锚标记，其中包含一个内联onclick事件，用于在iOS和Android上点击时打开的链接，但是我一直在控制台中收到错误

  参数列表＆＃34;

之后

＆＃34;未捕获的SyntaxError：缺失）

这是我的代码：

for (var i = 0; i < localData.length; i++) {
    $('.best-deals-page #deals-container').append('<a href="#" onclick="window.open('  + localData[i].deepLink + ' +  '_system'  ); "> ' + '</a>');
}

Answer 1

你需要在window.open（）：

中转义单引号

for( var i=0;  i < localData.length;  i++) {
    $('.best-deals-page #deals-container').append('<a href="#"   onclick="window.open(\'  + localData[i].deepLink + \' +  \'_system\'  ); "> </a>');
}