html - ホワイトリストphonegap androidは次のページでは機能しません

Question

私は使っている

 $('#result').load('http://.... #div');

外部ウェブサイトのコンテンツを取得します。PhoneGapのドメインホワイトリストを編集しました。このページをインデックスページとして設定すると、うまくいきます。ただし、フォームを送信して次のページとして設定すると、うまく機能しません。外部 Web サイトのコンテンツは表示されません。どうすれば解決できますか？ありがとうございました

Answer 1

これには javascript フレームワークを使用し、単一の index.html ファイルを使用することをお勧めします。私が遭遇したベスト プラクティスは、複数の html ファイルではなくアプリケーションを作成することです。これを達成するための多くのフレームワークがあり、最もよく文書化されているのは jquerymobile です。

javascript ファイルで JQueryMobile を使用すると、jquerymobile を使用して page1 div がいつ読み込まれるかを確認し、.load コードを実行します。

JQueryMobile には、注意を向けるさまざまなイベントがあります。この場合、ページを開始する前 (pageinit) に、他の Web サイトからコンテンツを取得するためにロードを実行する必要があります。

$( "#page1" ).live( "pageinit",function(){ 

    $('#result').load('http://.... #div'); //place your load here..you can even $.post(function(){..}); to a php script to get exactly what you want.


});

body タグ内の html ファイルにはこれが含まれます。もちろん、head タグの間に jquery と jquerymobile の js ファイルと css ファイルを含める必要があります。

<div data-role="page" id="home" data-theme="a">
            <div data-role="header">
                <h1>Welcome</h1>
            </div>
            <div data-role="content">
                <ul data-role="listview">
                    <li class="btn_a"><a href="#page1">Page1</a></li>
                    <li class="btn_s"><a href="#page2">Page2</a></li>
                    <li class="btn_l"><a href="#page3">Page3</a></li>

                </ul>
            </div>

            <div  data-role="footer">
                <h4>Your Brand</h4>
            </div>
        </div>


<div data-role="page" id="page1" data-theme="a">
            <div data-role="header">
                <h1>Page1 Heading</h1>
            </div>
            <div data-role="content">
                <h1>This is Page1</h1>
                           <div id="#result"></div>
            </div>

            <div  data-role="footer">
                <h4>Your Brand</h4>
            </div>
        </div>