我尝试使用popstate函数，但出现错误： Uncaught RangeError: Maximum call stack size exceeded
一步一步：
第 1 步：我点击了一个li. addToHistory() 效果很好。
第2步：我点击backtohome按钮。addToHistory() 效果很好
第 3 步：我点击前进按钮，我绑定window.popstate并在该行window.location我有一个无限循环。而且我没有看到下一页。
我的功能有什么问题？
function addToHistory(url) {
window.history.pushState(null, " ", url);
}
$("li").on("click", function(e){
var name = this_li.attr("data-name");
addToHistory("#" + name); // example http://azerty.com/#kevin
...
}
$("#backtohome").on("click", function(){
addToHistory("http://azerty.com/");
...
}
function hash(){
var popped = ('state' in window.history && window.history.state !== null),
initialURL = location.href;
$(window).bind('popstate', function (event) {
// Ignore inital popstate that some browsers fire on page load
var initialPop = !popped && location.href == initialURL
popped = true
if (initialPop) return;
window.location = window.location.href;
return;
});
}
hash();