我尝试使用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();
window.location
之前,您可以尝试调用$(window).unbind('popstate')
,这样应该可以让您正常重定向。 - spro