「錯誤裝載片:(」試圖超過3個HTML字符串追加到DOM

儘管出現錯誤的時候，我的問題有什麼用標籤做「錯誤裝載片:(」試圖超過3個HTML字符串追加到DOM

我使用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>

Here是我試圖插入2個項目（並且它仍然有效）的鏈接，並且here是我嘗試循環到3並且一切都打破的鏈接。

來源

2012-12-05 askmike

它似乎是第三個元素的數據。我嘗試手動追加數據[2]（沒有插入其他人），它給了我標籤錯誤。儘管如此，html看起來還不錯，所以我不確定它是如何造成的。 – Snuffleupagus

追加工作正常，錯誤直接來自我的來源。我拉出頭髮，謝謝指出！ – askmike

第三JSON元素具有運行下列（的document.write字符串被分解爲便於閱讀）一script標籤

<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-05 19:18:20 Snuffleupagus

「錯誤裝載片:(」試圖超過3個HTML字符串追加到DOM

回答

相關問題