Question

这是架构：我有一个包含列表的页面（ #list ）。单击某个项目时，将显示详细信息页面（ #details ），几乎完全使用indexedDB中的数据进行动态构建。一切正常，除了：当你在 #details 并点击刷新按钮（或f5或任何使页面重新加载）时我想重定向到 #list 页面，但我不能这样做。这就是我现在正在尝试的事情：

 $(document).on('pagebeforecreate', '#details',  function(e){
      if (location.hash == '#details'){
          console.log("reloading details page");
      }
 });

我认为我对事件触发器是正确的，因为当我重新加载#details页面时，我得到了控制台日志，但这些行都没有完成这项任务：

 $("#list").trigger("create");
 $.mobile.loadPage("#list");
 $.mobile.navigate( "#list" );
 $.mobile.changePage("#list");

请帮帮我。感谢。

Answer 1

忘了这个问题。正如它所说的那样，$.mobile.changePage("#list")可以正常工作。问题是我在同一页面上调用的一个滑块插件，它是在添加动态内容之前创建的，并在changePage()之前被触发。我通过在创建内容时调用插件解决了这个问题，而不是之前。

在JQM应用程序上重新加载后重定向

1 个答案: