向我的 ajax 脚本添加历史支持

Question

我正在尝试使用 ajax 加载我的下一个/上一个帖子链接。我已经编写了这段代码，并且运行良好。但是，当用户单击“返回”按钮时，地址栏中的位置不会更新。

$(".next a").live("click", function(e){
    e.preventDefault();
    $("#portfolio_item").load(jQuery(this).attr("href") + " #portfolio_item");
    $("#portfolio_item").animate({marginLeft:'98%'});
    $("#portfolio_item").animate({marginLeft:'0px'});
    $("#right_content, #gallery").fadeOut().delay(1000).fadeIn();
    return false;
});

我已经阅读了诸如“jquery address”和“bbq”之类的插件，但是如何将它们应用到我的代码中呢？希望得到帮助！

Answer 1

我不确定这是否是您想要的，但如果您需要一些 URL 编辑 + 历史管理（不加载新页面），您应该查看 history.js。这是一个很棒的 js 库，它允许您重写 URL 而无需重新加载页面并将历史记录存储在 JavaScript 变量中。

为了了解它是如何工作的，我给你的第一个链接上有一个可下载的演示和教程。

希望这会有所帮助。