Question

我正在努力追加大量的HTML代码。我找到了这个答案How To Append (Or Other Method) a Lot of HTML Code?，但我得到的是非法参数错误。任何人都可以提出更好的方法来管理这个吗？

JS

$(function() {
  $("a").click(function() {
    $("body").append(codeBlock);
  });
});

var codeBlock = $("<div class='code-block'>\
    <div class='select-event'>\
        <label>Start</label>\
        <select>\
            <option>when the Run button is pressed</option>\
            <option>when the object is pressed</option>\
            <option data-option='keyoption'>when a keyboard key is pressed</option>\
        </select>\
        <span class='key-press-wrapper'>\
            <label>Key</label>\
            <input id='keyPress' placeholder='Press Key'>\
        </span>\
    </div>\
    <div class='insert-block'>\
        <label>Insert code blocks here</label>\
        <ul id='sortable' class='connectedSortable'></ul>\
    </div>\
</div>\");

Answer 1

我收到了非法参数错误。
</div>\");

这是一个奇怪的错误，可能它应该是“不是有效的字符串文字”或某种类型。你正在逃避结束字符串分隔符，你不应该这样做。删除最后一行中的反斜杠。

Answer 2

删除</div>\")

上的最后一个斜杠

Answer 3

使用模板引擎绝对是最佳解决方案。

e.g。 https://github.com/janl/mustache.js

如何通过jQuery附加大量的HTML代码？

3 个答案: