查看当前页面时预加载第二页

假设我的网站有 5 页内容。当访问者查看第一页时，是否可以预加载接下来的两页。这样，当他们单击第二页或第三页的链接时，它就会立即出现。

当然，你可以有一些像这样的隐形容器：

HTML

<div id="page">
  <a href="page2.html" id="page2-link">Go second page</a>
</div>
<div id="page2">
</div>

CSS

#page2 { display:none }

JavaScript

然后，当 JavaScript 预加载第二个页面后，将其放在不可见容器上：

$().ready(function(){
  $('#page2').load('page2.html #page');
});

单击链接时，只需显示包含所选页面的隐藏容器并删除其他页面，或者只是将其隐藏，以便在用户想要返回或执行其他操作时不再加载。

$().ready(function(){
  $('#page2-link').on('click',function(){
       $('#page').html( $('#page').html() ); //this will replace html content
  });
});