javascript - 大きな 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>