后退按钮只能工作一次

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;
});

即

谷歌页面 - >我的主页 - >图库 - >后退按钮 - >我的主页 - >后退按钮 - >我的主页 - >后退按钮 - >我的主页

这是怎么回事？

Answer 1

得到它了！

线：

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

应该在里面

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

我把它放在里面

changeContent = function(href)

这是我的错...... :-)

Answer 2

在这里它说，jQuery捕获popstate事件有问题，你应该采取本机onpopstate 。

jQuery绑定popstate事件未通过 。

但是我想知道为什么它一次有效？