Question

$(document).ready(function () {
$('#gnav a').click(function (e) {
        e.preventDefault();
        $('#contents').load(this.hash.substr(1) +'.php')
    });
});

这是我的jQuery代码，它通过Ajax将一些内容加载到div中。如何使用带有该代码的浏览器后退按钮？

谢谢！

Answer 1

您可以使用http://diveintohtml5.ep.io/history.html中描述的HTML5历史记录API，它可让您完全控制内部导航的后退/前进行为。

Answer 2

有一个很好的jquery插件叫做BBQ http://benalman.com/projects/jquery-bbq-plugin/易于使用，文档在页面上

Answer 3

你应该考虑的另一个插件是JQuery Address。我在一个项目中使用它，发现它非常灵活。

启用“深层链接”，以便您可以使用它根据锚点/查询字符串触发ajax调用。 http://www.asual.com/jquery/address/

使用浏览器后退按钮和Ajax加载的页面？

3 个答案: