4

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

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

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

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

我怎么解决这个问题？

4

3 回答 3

2

首先，您的链接可能不起作用，因为默认情况下 cordova/phonegap 会阻止所有外部URL。要解决此问题，请在此处阅读我的答案。

其次，Phonegap 没有打开网络服务器，所以http://localhost是不正确的。当你想要一个内部链接时，使用类似<a href="/mydir/mypage.html">linkText</a>.

于 2012-12-03T13:22:33.457 回答
1

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>
于 2012-12-03T14:48:22.397 回答
1

您将使用以下方法解决您的问题：

<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

于 2012-12-03T19:05:34.237 回答