javascript - 后退按钮只能工作一次

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 页面 -> 我的主页 -> 图库 -> 后退按钮 -> 我的主页 -> 后退按钮 -> 我的主页 -> 后退按钮 -> 我的主页

这是怎么回事？

Answer 1

知道了!

线路:

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

应该在里面

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

我把它放在里面

changeContent = function(href)

这是我的错...:-)