Question

我为iPad创建了JavaScript应用程序，其中所有内容都基于Web。所有页面都包含很多内容，以及许多链接。因此，当我点击链接时，页面会显示白色区域，同时显示（加载）内容。我希望它在下一页加载时单击链接时保留在上一页。如果它已满载，我希望它显示下一页。我该怎么做？

Answer 1

据我所知，实现此目的的唯一方法是使用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");

Answer 2

您是否考虑过使用jQuery Mobile？这是一个具有您正在寻找的功能的库。

页面完全加载后重定向到链接页面

2 个答案: