jQuery地址无法刷新

时间:2013-04-23 02:00:36

标签: javascript jquery browser browser-history

我正在使用Asual的jQuery Address插件来深入链接内容而不使用哈希(使用HTML5 History API)。

这是我的代码:

$.address.state("/").init(function(e){
    $('#nav li a').address(); // initializes
    if (e.value == "/") {
        $.address.value("/home"); // loads /home by default
    };
});

$.address.change(function(e) {
    // loads whatever page is in that /pages folder and puts the content in div#container
    $.get("/pages" + e.value + ".html", function(data, textStatus, xhr) {
        $('#container').html(""); //clears out the old content
        $('#container').html(data); //loads the new page in there
    });
});

单击顶部导航按钮时,此功能非常有效。即使浏览器中的后退和前进按钮也像魅力一样。问题是在另一个选项卡中刷新/打开URL时。 例如,如果我写http://domain.com,它会将我转到http://domain.com/home并显示内容。如果我刷新我得到404错误。浏览器正在寻找一个当然不存在的实际/ home文件(而不是home.html)。

有什么想法吗? 谢谢!

DD

1 个答案:

答案 0 :(得分:0)

我试图做同样的事情并得到同样的问题,结束使用哈希。