我为 iPad 创建了 JavaScript 应用程序,其中所有内容都是基于 Web 的。所有页面都有很多内容,还有很多链接。因此,当我单击链接时,页面会在显示(加载)内容时显示白色区域。当我在下一页加载时单击链接时,我希望它保留在上一页上。如果它已完全加载,我希望它显示下一页。我该怎么做?
问问题
966 次
2 回答
3
据我所知,实现这一点的唯一方法是使用 AJAX 加载您的内容。也就是说,不是为每个链接重新加载整个页面,您只需根据单击的链接重新加载部分内容。
假设您的页面有一个这样的容器:
<div id="content">...</div>
然后,对于每个链接(如果您不希望所有链接都发生这种情况,则匹配某个条件),您执行类似于以下内容的 AJAX 请求
$("a").click(function() {
$this = $(this);
var data = {}; // Put additional parameters here
$.get($this.attr("href"), data , function(response) {
$("#content").html(response);
}
}
正如@rofavadeka 所提到的,您还可以修改 URL 以使其反映位置的变化,使用以下内容:
window.history.pushState("object or string", "Title", "/new-url");
于 2013-06-12T11:02:38.187 回答
1
您是否考虑过为此使用jQuery Mobile?这是一个具有您正在寻找的功能的库。
于 2013-06-12T11:23:16.993 回答