1

jquery mobile で構築した phonegap アプリでは、index.html から users.html に移動する場合など、別のページに移動する場合は rel="external" を使用します。

そうしないと、users.html で javascript 関数を使用できないため、このオプションを使用します。たとえば、document.ready で whats を実行しません。 .

問題は、rel="external" を使用するとトランジション (スライド) が機能しなくなることです。

4

1 に答える 1

2

document.readyとrel="external"の代わりにpageinitを使用してみてください。これは、ページが初期化された後にトリガーされます。pageshowやbagebeforeshowなど、ニーズに応じて、他にも使用できるイベントがあります。

    $( '#aboutPage' ).live( 'pageinit',function(event){
  alert( 'This page was just enhanced by jQuery Mobile!' );
});

jQMイベントの詳細http://jquerymobile.com/demos/1.1.1/docs/api/events.html

document.readyについて彼らが言うことは次のとおりです。

重要:$(document).ready()ではなく、$(document).bind('pageinit')を使用してください

jQueryで最初に学ぶことは、$(document).ready()関数内のコードを呼び出して、DOMがロードされるとすぐにすべてが実行されるようにすることです。ただし、jQuery Mobileでは、ナビゲート時に各ページのコンテンツをDOMにロードするためにAjaxが使用され、DOMレディハンドラーは最初のページに対してのみ実行されます。新しいページがロードおよび作成されるたびにコードを実行するには、pageinitイベントにバインドできます。このイベントについては、このページの下部で詳しく説明しています。

于 2012-08-09T11:01:33.827 に答える