Javascript 如何返回上一页的最新版本_Javascript_Html_Jquery Mobile

Javascript 如何返回上一页的最新版本

javascript html jquery-mobile

Javascript 如何返回上一页的最新版本,javascript,html,jquery-mobile,Javascript,Html,Jquery Mobile,我刚刚建立了我的第一个jQuery移动网站，效果很好，只有一个缺陷：在我的一个html文件中，我有三个页面元素第一个是显示从内部webdatabase（WebSQL）获取数据的过滤器选项。第二个在列表视图中显示结果（约150，每行1行），带有超链接。单击超链接时，用户会转到第三页，显示所选记录的详细信息，并显示jqm提供的返回按钮 $("#page2").unbind ().bind ("pagebeforeshow", function () { var $content = $(

我刚刚建立了我的第一个jQuery移动网站，效果很好，只有一个缺陷：在我的一个html文件中，我有三个页面元素

第一个是显示从内部webdatabase（WebSQL）获取数据的过滤器选项。第二个在列表视图中显示结果（约150，每行1行），带有超链接。单击超链接时，用户会转到第三页，显示所选记录的详细信息，并显示jqm提供的返回按钮

$("#page2").unbind ().bind ("pagebeforeshow", function () {
  var $content = $("#page2 div:jqmData(role=content)");
  $content.html (html);
  var $ul = $content.find ("ul");
  $ul.attr("data-role", "listview");
  $ul.listview ();
});

这显示了12月3日的所有记录。在第二页，我添加了两个按钮（前一天/第二天）

现在，我找到了一种方法（也许不是正确的方法）将第二页上的数据替换为相应日期的数据，以防用户单击其中一个按钮。我用新记录重建html，并用新数据替换div元素的旧内容：

$("#data").html (html);

当我第一次进入第2页时，我可以单击记录，查看详细信息（第3页），然后返回第2页。但当我前后移动一天或几天，然后转到第3页时，后退按钮仍然会将我带回12月3日，而不是我移动到的日期

这可能是因为我只更改了第2页的html

我怎样才能改变这种行为？第二天还有别的路吗

顺便说一句，我不能使用分页插件加载所有记录，并通过隐藏所有其他记录只显示一天，因为这样所有记录都将被检索，为这么多记录构建布局需要花费太多时间

希望有人能给我一个正确的方向。

你应该把重建页面所需的信息放在标签后面的url中，比如

example.com/page1#day=monday

然后用

window.location.hash

读出来谢谢，我会尝试一下，让你知道你让我走上了正确的轨道。事实证明，我需要hashchange：在第一页（使用filteroptions）和第二页（使用上一页/下一页按钮），我可以使用相同的调用，即使不向url添加参数<代码>$.mobile.changePage（$（“#数据页”），{allowSamePageTransition:true，reloadPage:true，changeHash:true，transition:'none'}）

[html]相关文章推荐

随机文章推荐