1

我为 iPad 创建了 JavaScript 应用程序,其中所有内容都是基于 Web 的。所有页面都有很多内容,还有很多链接。因此,当我单击链接时,页面会在显示(加载)内容时显示白色区域。当我在下一页加载时单击链接时,我希望它保留在上一页上。如果它已完全加载,我希望它显示下一页。我该怎么做?

4

2 回答 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 回答