加载大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>