cordova - Jquery モバイルと Phonegap の最初のステップ

Question

Jquery Mobile と Phonegap をセットアップするにはどうすればよいですか? $(document).ready は機能しません。

Answer 1

Jquery Mobile を Phonegap で使用すると、基本的な JavaScript の起動が困難になります。以下に、シンプルな with hello world を設定する方法を示します。

コード: http://jsfiddle.net/zwTQ4/

<div data-role="header">
    <h1>My Title</h1>
</div><!-- /header -->

<div data-role="content">    
    <p>Hello world</p>        
</div><!-- /content -->

<script type="text/javascript">
    $("#indexPage").bind(
         'pageinit',function() {
               alert("Hello world");
             });
</script>

Answer 2

jquerymobile のドキュメントのevents に関するセクションを読むことをお勧めします。

そこにある最初の通知の1つは次のとおりです。

Important: Use $(document).bind('pageinit'), not $(document).ready()