エラーにもかかわらず、私の問題はタブとは何の関係もありません
私は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つにループしようとするとすべてが壊れます。