Question

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

Answer 1

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

<强> 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
  });
});

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

1 个答案: