假设我的网站有 5 页内容。是否可以在访问者查看第一页时预加载接下来的两页。这样当他们点击第二或第三页的链接时,它会立即出现。
问问题
3820 次
1 回答
2
当然,你可以有一些像这样的隐形容器:
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
});
});
于 2012-05-13T02:38:57.710 回答