Зареждане на голям HTML - javascript, html

Имам много голям html файл, размер на елемент domе повече от 1500. По принцип има много div елементи и ние заредим всички тези divs. Въпреки това, ние не показваме всички тези divs в началото. Има ли начин да мога да зареди тези divs при поискване?

Отговори:

Предполагам, че имаш предвид 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>