1

私はこの場所に不慣れですが、すでにグーグルとここで答えを検索しました、しかし私は私を助けた単一の答えを見つけません（この質問は何度も尋ねられましたが！）。

だから私の問題は、後でアプリとして使用したいjqueryモバイルページを作成していることです。私は3つの異なるページ（index.html、page2.html、page3.html）を使用しており、ナビゲーションでこれらのページがクリックされるたびにいくつかのJavaScriptを起動したいと思います。

この問題に関する投稿をたくさん見つけましたが、それらのほとんどは少し古く（〜2011）、見つけた解決策は機能しませんでした。

これが私がすでに試したことです：

    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="js/js.js"></script>
<script src="js/moment.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>

私が使用するすべてのページの頭です。jquery mobileのドキュメントには、実行するjqueryとjquery mobileの間にスクリプトを挿入する必要があると書かれています（js.jsは私のカスタムjsです）。このスクリプトは最初のページでのみ機能しますが、いくつかのイベントが発生したときに各ページでテキストを交換するため、すべてのページで実行する必要があります。

その後、コードをdiv data-role = "page"に入れて、毎回実行されるようにしましたが、これも機能しませんでした。console.log（）をその中に（$（document）.bind（ "pageinit"、function（）{）の間に置くだけで、投稿はすべてのページ変更で起動しませんが、戻ったときに²の方法で起動します元のページに移動します（5回のページ変更後、ログメッセージはコンソールに60回表示されます）。

function packungSpeichern() {

var formPackung = new Object;

formPackung.inhalt = document.getElementById("inhalt").value;
formPackung.date  = moment().format("DD-MM-YYYY");

localStorage.setItem( "formPackung", JSON.stringify(formPackung) );

}

これが私のカスタムjsファイルの例です。このスクリプトは、起動した最初のページでのみ使用できますが、すべてのページで使用することはできません：/

私が欲しいものをあなたが理解してくれることを願っています、私の英語はまったく最高ではありません:)

4

1 に答える 1

0

JQMの最初のページの先頭：

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>

各JQMページのBODY（ページDIV）（フッターなどの下部のどこか）：

<div data-role="page"> 
    <div data-role="content">
        <script src="js/js.js"></script>
        <script src="js/moment.js"></script>
     </div>
</div>

または、これをHEADに入れると、ページの変更ごとに1回このスクリプトを実行するようにjQueryに指示します。

$(document).bind("pageshow", function( event, ui ){
    console.log('A page has changed!');
}
于 2012-09-17T14:01:26.327 に答える