Question

我正在使用Jquery1.8.2和Jquery-mobile 1.1

当我点击退出按钮时，我必须转到主页。我可以获得主页但在返回主页之前得到“错误加载页面”消息。

的test.html

<body>  
  <div data-role="page">
      <div data-role="header" data-theme="b" >
          <h1> Success Page </h1>
           <a data-role="button" id="logoutbtn" data-theme="b">Logout</a>
       </div><!-- /header -->
       <div data-role='content'>            
    </div>
</div>
</body>

test.js

$(document).ready(function(){   
$("#logoutbtn").click(function () {     
    document.location.href = "Home.html";
});
});

请帮我解决这个问题。

Answer 1

您应该使用jquery移动专用方法。

$.mobile.changePage("Home.html");

请参阅document-location-href-location-vs-mobile-changepagelocation

Answer 2

谢谢Dipaks

而不是

document.location.href = "/Home.html";

我修改了它，如下所示

document.location.href = "./Home.html";

它工作正常，能够返回主页，没有任何错误。

Answer 3

$.mobile.changePage("Home.html")无法在我的电脑上运行

但是$.mobile.changePage("#");可以正常工作，它隐藏了error loading page消息。

Answer 4

我使用了正确的版本和$ .mobile.changePage来更改页面，但它仍然失败并出现相同的错误。后来我意识到我在www / js / custom / handler / handler.js的js文件中这样做。所以我使用相对于这个位置的路径。

但后来我意识到路径必须是相对于包含此js的index.html。

这解决了我的问题。

jQuery Mobile“加载页面错误”

4 个答案: