加載大HTML

Question

我有一個非常大的html文件，DOM元素的大小超過1500.基本上有很多div元素，我們加載所有這些div。然而，我們並沒有在開始時顯示所有這些div。有沒有一種方法可以根據需要加載這些div？

Answer 1

我假設你的意思是1500個元素。

查看AJAX和延遲加載，以便在用戶接近它或可見時加載內容。

http://www.thewebsqueeze.com/web-design-tutorials/introduction-to-ajax-with-jquery.html

http://www.lunatech-research.com/archives/2011/08/10/lazy-loading-jquery-ui-ajax-play

http://cflove.org/2010/09/how-to-build-a-lazyload-ondemand-load-with-jquery.cfm

http://www.infinite-scroll.com/

http://api.jquery.com/jQuery.ajax/

一個更重要的問題，你實際上需要1500元，看起來好像很多。你有沒有辦法減少元素的數量，使用分頁或單獨的頁面？

例

function loadHeads() { 
    $.ajax({ 
    url: "/mycontent.html", 
    context: document.body 
    }).done(function(data) { 
    $("#container").html(data); 
    }); 
} 

$("#container").bind("mouseleave", function() { 
    $(this).empty(); 
}); 

<div id="head" onclick="loadHeads()"></div> 
<div id="container"></div>