javascript - JS 中引用 HTML 的标记无效或意外

Question

代码:

    (function () {

var itemCtx = {};
itemCtx.Templates = {};

itemCtx.Templates.Header = “<div><b>Announcements</b></div><table>”; <---syntax error here?
itemCtx.Templates.Item = ItemOverrideFun;
itemCtx.Templates.Footer = “</table>”; <---syntax error here?

itemCtx.BaseViewID = 1;
itemCtx.ListTemplateType = 104;

SPClientTemplates.TemplateManager.RegisterTemplateOverrides(itemCtx);

})();

function ItemOverrideFun(ctx) {

var _announcementTitle = ctx.CurrentItem.Title;

var _announcementDesc = ctx.CurrentItem.Body;

var _announcementID = ctx.CurrentItem.ID;

return “<tr><td><p><b>” + _announcementTitle + “</b></p>” + _announcementDesc +”<a href=’/Lists/Company%20Announcements/DispForm.aspx?ID=’+ _announcementID +’> Read More…</a></td></tr>”; <---syntax error here?
} 

当调用此代码时，Chrome 控制台会提示存在无效或意外的 token 语法错误。

错误显示在带有双引号的行上，在 Chrome 控制台中，双引号实际上被替换为看起来像带有问号的菱形的图标。

到目前为止，我已经尝试用单引号交换它们并将双引号括在单引号中，但都不起作用。

谢谢。

Answer 1

拉尔提出了一个很好的观点。我已在下面修复了它。

这里:

 (function () {

var itemCtx = {};
itemCtx.Templates = {};

itemCtx.Templates.Header = "<div><b>Announcements</b></div><table>";
itemCtx.Templates.Item = ItemOverrideFun;
itemCtx.Templates.Footer = "</table>";

itemCtx.BaseViewID = 1;
itemCtx.ListTemplateType = 104;

SPClientTemplates.TemplateManager.RegisterTemplateOverrides(itemCtx);

})();

function ItemOverrideFun(ctx) {

var _announcementTitle = ctx.CurrentItem.Title;

var _announcementDesc = ctx.CurrentItem.Body;

var _announcementID = ctx.CurrentItem.ID;

return "<tr><td><p><b>" + _announcementTitle + "</b></p>" + _announcementDesc +"<a href='/Lists/Company%20Announcements/DispForm.aspx?ID=" _announcementID +"'> Read More…</a></td></tr>";

这就是问题所在:

”<a href=’/Lists/Company%20Announcements/DispForm.aspx?ID=’+ _announcementID +’>

您曾尝试用单引号关闭字符串，但在连接 _announcementID 之前需要使用双引号来关闭它