jquery 附加 div 时出现无效或意外的标记

Question

我想在 div 内附加一个 div（动态创建）。当我附加 div 时出现此错误。但如果我尝试附加一个字符串，它就可以正常工作。我不明白这背后的原因。我也不认为我的语法有任何问题。以下一项导致错误

$("#scheduled_bar_panel_col").append(
 "<div class='col-lg-3 col-md-4 col-sm-6 col-xs-8' id = 'panel_column'>
 </div>"
); 

但这很完美

$("#scheduled_bar_panel_col").append(
"Hello"
);

让我知道这背后的原因是什么以及如何解决这个问题

Answer 1

因为""不支持多线。如果您使用现代 JavaScriptES6 浏览器兼容性，请使用 ``

`<div class='col-lg-3 col-md-4 col-sm-6 col-xs-8' id = 'panel_column'>
 </div>`

或者用于分隔strings和连接它们。

"<div class='col-lg-3 col-md-4 col-sm-6 col-xs-8' id = 'panel_column'>" +
"</div>"