jquery - “错误加载选项卡:(”尝试将超过 3 个 html 字符串附加到 DOM 时

Question

尽管有错误，但我的问题与标签无关

我正在使用 jQuery 来获取一个非常大的 JSON 文件（几乎 0.5 mb）并将一堆 html 插入到 DOM 中。这仍然有效：

$(function() {
  $.getJSON('results.json', function(data){
    var result = $('<ul>');
    var resultEl = $('#results');
    for(var i = 0; i < 2; i++) {
      result.append(unescape(data[i].html));
    }
    result.appendTo(resultEl);
  });
});

我可以很好地插入两个 html 部分，但是当我尝试插入三个项目时，这会被添加到 DOM 中：

<section id="loading-tab" class="tab-content clearfix hidden">
  <h2 class="visuallyhidden">Loading</h2>
  <p>Loading...</p>
</section>
<section id="error-tab" class="tab-content clearfix hidden">
  <h2 class="visuallyhidden">Error</h2>
  <p>Error loading tab :(</p>
</section>

这是一个链接，我尝试插入 2 个项目（它仍然有效），这是一个链接，我尝试循环到 3 并且一切都中断了。

Answer 1

第三个 JSON 元素有一个script标签，它运行以下内容（document.write为了便于阅读，将字符串分开）

<script>
document.write('
    <section id="loading-tab" class="tab-content clearfix hidden">
        <h2 class="visuallyhidden">Loading</h2>
        <p>Loading...<\/p>
    <\/section>
    <section id="error-tab" class="tab-content clearfix hidden">
        <h2 class="visuallyhidden">Error<\/h2>
        <p>Error loading tab :(<\/p>
    <\/section>');
</script>

这是写入Error loading tab :(页面。清理数据，您应该一切顺利。