为简单的 jQuery AJAX 导航添加历史支持答案

【问题标题】：Adding history support to simple jQuery AJAX navigation为简单的 jQuery AJAX 导航添加历史支持
【发布时间】：2011-07-13 15:30:06
【问题描述】：

我正在尝试为我的 jQuery AJAX 导航添加历史支持，但由于我不太了解 jQuery，所以我不知道该怎么做。以下脚本将当前文档中的 a 替换为另一个文档中的 a - 从而更改页面的内容。如何改进脚本以支持浏览器历史记录和书签？谢谢。

$(document).ready(function(){
//References  
var loading = $("#loading");  
var container = $("#container");  
var link;  

//Manage click events  
$("a.ajax-links").click(function(e){  
    //prevent default action  
    e.preventDefault();  

    //show the loading bar  
    showLoading();   

    //define the target and get content then load it to container  
    link = $(this).attr("href") + " #content";  
    container.load(link, hideLoading);
});  

//show loading bar  
function showLoading(){  
    loading  
    .css({visibility:"visible"})  
    .css({opacity:"1"})  
    .css({display:"block"})  
    ;  
}  
//hide loading bar  
function hideLoading(){  
    loading.fadeTo(1000, 0);  
};

});

【问题讨论】：

你试过tkyk.github.com/jquery-history-plugin吗？
展示的演示有如下链接： load 1.html ，所以如果没有 javascript，它就无法工作 - 我的可以，所以我正在寻找对于既可降解又支持历史和书签的东西。

标签： jquery ajax bookmarks browser-history

【解决方案1】：

尝试History.js 和ajaxify - 它会使用 HTML5 History API，因此它会直接修改 URL，而不是使用哈希 ^{read why hashes aren't ideal here}，并且 gist 将处理您的链接和 ajax给你。

【讨论】：

我得到了一个 404 的要点，公元前。新的 gist url 结构，请更新链接。