Question

在Html5中，我按以下方式转到特定页面：

window.location.href = "http://localhost:XXXX/MyPageName.html";

单击按钮的href 不起作用 !!我不知道为什么，这是解决这个问题的唯一方法。

当我使用PhoneGap运行html5应用程序时，链接不起作用（显然，因为应用程序没有本地主机）

我该如何解决这个问题？

Answer 1

首先，您的链接可能无效，因为cordova / phonegap默认会阻止所有外部网址。要解决此问题，请阅读my answer here。

其次，Phonegap无法打开网络服务器，因此http://localhost不正确。如果您想要内部链接，请使用<a href="/mydir/mypage.html">linkText</a>之类的内容。

Answer 2

Phonegap建议不要有多个页面。您应该在一个页面中有“内容”部分，然后通过动态链接（使用＃page1，其中page1是内容区域ID）

实施例

所有在同一个html页面（index.html）

<div data-role="page" id="page0">
<a data-role="button" data-transition="slide" href="#page1">Page 1</a>
<div>

<div data-role="page" id="page1">

<div>

Answer 3

您将使用以下内容解决您的问题：

<script>
    //action go to pageOther
    $.mobile.changePage('#pageOther','slide');
</script>
<body>
    <div data-role="page" id="pageHome">
        //Your html
    </div>
    <div data-role="page" id="pageOther">
        //Your html
    </div>
</body>

查看更多信息：http://jquerymobile.com/demos/1.2.0/docs/pages/page-anatomy.html

href不工作，如何重定向到PhoneGap中的特定页面？

3 个答案: