在浏览当前页面时预载第二页

Question

假设我的网站有5页内容。当访问者正在查看第一页时，是否可以预装下两页？因此，当他们点击第二页或第三页的链接时，它会立即显示。

Answer 1

当然，你可以有一些invisble容器是这样的：

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的预加载第二页就已经被加载后，把它的invisble容器上：

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

当点击这个链接只显示与选定的页面隐藏的容器和删除等，或者只是隐藏它，以便在用户想要返回或什么时再次加载。

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