我正在使用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
答案 0 :(得分:0)
我试图做同样的事情并得到同样的问题,结束使用哈希。