Question

我的主页看起来像这样：

<body>
    <div id="MainPage" data-role="page">
        <script>
            $("#MainPage").live("pageinit", function () { ... });
        </script>
        ...//I have a map and when I walk to the next page I delete the map.
    </div>
</body>

我的下一页看起来像这样：

<body>
  <div id="NextPage" data-role="page">
    <script>
      $("#NextPage").live("pageinit", function () {... });
    </script>
 <a data-res="btnBack" data-role="button" data-theme="b" href="MainPage.html"
                data-icon="back" data-iconpos="left" onclick="document.MainPage.reload(true);">
            </a>
    ...//I have a map and when I walk to the Main page I delete the map.
  </div>
</body>

因为我删除了我必须重新加载主页面的地图并且它不能以这种方式工作，所以主页面不被识别为页面，因此没有重新加载功能。

有人可以帮忙吗？

Answer 1

从主页面转到下一页时，尝试保存主页面的网址。

例如：您使用链接或按钮从一个页面遍历到另一个页面使用此代码保存当前页面的URL，然后使用查询字符串或其他内容将其发送到其他页面。

$(document).ready(function(){
var url =$(location).attr("href");
});

变量'url'包含主页面的url，现在重装函数重新加载它。为：

 $(document).ready(function(){
 window.reload(url);
 })

Answer 2

要跳转到任何其他页面，请使用以下代码：

$.mobile.changePage("#page", {transition: "none", reloadPage : false});

如果需要，请设置过渡效果，如果要重新加载该页面，请将reloadPage设置为true。

使用此代码重新加载当前页面：

function refreshPage() {
  $.mobile.changePage(
    window.location.href,
    {
      allowSamePageTransition : true,
      transition              : 'none',
      showLoadMsg             : false,
      reloadPage              : true
    }
 );

}

单击后退按钮重新加载上一页

2 个答案: