4

Html5 では、次の方法で特定のページに移動します。

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

ボタンをクリックしてもhrefが動かない!! 理由はわかりませんが、この問題を解決できる唯一の方法です。

PhoneGap を使用して html5 アプリケーションを実行すると、リンクが機能しません (明らかに、アプリケーションへの localhost がないため)。

どうすればこの問題を解決できますか?

4

3 に答える 3

2

まず、cordova / phonegapはデフォルトですべての外部URLをブロックするため、リンクが機能しない可能性があります。これを修正するには、ここで私の答えを読んでください。

次に、PhonegapはWebサーバーを開かないため、http://localhost正しくありません。内部リンクが必要な場合は、のようなものを使用します<a href="/mydir/mypage.html">linkText</a>。

于 2012-12-03T13:22:33.457 に答える
1

Phonegap は、複数のページを持たないことを提案しています。1 つのページに「コンテンツ」セクションを配置してから、ダイナミック リンクを使用する必要があります (page1 がコンテンツ領域 ID である #page1 を使用)。

例。

すべて同じ 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 に答える