0

エラーにもかかわらず、私の問題はタブとは何の関係もありません

私は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);
  });
});

2つのhtmlパーツをうまく挿入できますが、3つのアイテムを挿入しようとすると、これが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つにループしようとするとすべてが壊れます。

4

1 に答える 1

0

3番目の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 :(います。データをクリーンアップすると、準備が整います。

于 2012-12-05T19:18:20.577 に答える