Jquery Mobile 刷新上一页后退按钮

Question

这段代码曾经在 JQM 中表现出色，可以从 DOM 中删除以前的页面，这样当您单击“后退”时，它就会刷新以前页面的内容。

$('div').live('pagehide', function(event, ui) {
    $(event.target).remove();
});

但是，自从“$().live”已被弃用以来，这在最新的 JQuery 更新中出现了问题，并且我无法使用带有更新参数的“on”或“bind”来使其工作。

有人找到可行的解决方案吗？

更新:

我无法使用“document.location”，因为我无法让某些页面出现在“后退”导航堆栈中。

例如，如果我转到“提交页面”，并且在提交时我只需发出 History.Back();调用，它会将您带回更新的“详细信息页面”。我不希望他们单击​​导航栏上的“返回”并再次返回“提交页面”，因为该项目不能提交两次。我不使用对话框或弹出窗口是有原因的，但解释起来太长了。

我尝试过:

$(document).on("pagehide", "#PageId", function () {
      $(event.target).remove();
  });

而且它不能完全工作，当我发出 History.Back(); 时，它会更改 URL 路径；命令，但页面停留在“提交页面”。当我使用“$().live”代码时，它效果很好。也许“on”不是一个好的替代品？

Answer 1

William，您忘记了事件参数。

如果您想全局使用它来刷新“返回”上的所有先前页面，您可以使用“div”而不是“#PageId”。只需将其放入母版页的 javascript 中即可。

$(document).on("pagehide", "div[data-role=page]", function(event){
  $(event.target).remove();
});