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

Question

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

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 以反射(reflect)位置的变化，使用如下内容:

 window.history.pushState("object or string", "Title", "/new-url");