Question

我在我的网页上工作，找不到我的问题的答案。

我正在使用window.history.pushstate和onpopstate事件，这是我的代码：

changeContent = function(href) {
  window.history.pushState({}, '', href);
  if (href == "/") {
    $('#main').load('main.html');
  } else {
    $('#main').html('<iframe id="gallery" src="photos'+href+'/index.html"></iframe>');
  }
};

$(window).on("popstate", function(e) {
  changeContent(location.pathname);
});

$(document).on("click", ".galleryLink", function() {
  var href = $( this ).attr( "href" );
  changeContent(href)
  return false;
});

即

google page - ＆gt;我的主页 - ＆gt; gallery - ＆gt;后退按钮 - ＆gt;我的主页 - ＆gt;后退按钮 - ＆gt;我的主页 - ＆gt;后退按钮 - ＆gt;我的主页

发生了什么事？

Answer 1

知道了！

行：

window.history.pushState({}, '', href);

应该在里面

$(document).on("click", ".galleryLink", function()

我把它放在里面

changeContent = function(href)

这是我的错......： - ）

Answer 2

这里说，jQuery捕获popstate事件时遇到问题，你应该使用原生的onpopstate。

jQuery bind popstate event not passed

但是我想知道它为什么会运作一次？

后退按钮只能工作一次

2 个答案: