PageInit Jquery移动无法正常工作

Question

嗨，我是关于phonegap jquerymobile ios的新手，所以我只想在pageinit中执行一条简单的警报消息，但事件从未触发过。

这是我的jquery代码。

          $('#myPage').live('pageInit', function(event){
                            navigator.notification.alert("PhoneGap is Working");
                            });

这里是html代码

  <div data-role="page" id="myPage">
      <div data-role="header">
          <h1>My Title</h1>
      </div><!-- /header -->
      <div data-role="content"> 
          <p>Hello world</p>        
          <ul data-role="listview" data-inset="true" data-filter="true">
              <li><a href="#">Acura</a></li>
              <li><a href="#">Audi</a></li>
              <li><a href="#">BMW</a></li>
              <li><a href="#">Cadillac</a></li>
              <li><a href="#">Ferrari</a></li>
          </ul>
      </div><!-- /content -->

  </div><!-- /page -->

任何人都可以告诉我我做错了什么，或者可能是模拟器的问题？

Answer 1

警告消息未触发，因为您在jquery代码中使用了pageInit而不是pageinit。

替换

$('#myPage').live('pageInit', function(event){
                            navigator.notification.alert("PhoneGap is Working");
                            });

与

$('#myPage').live('pageinit', function(event){
                            alert("PhoneGap is Working");
                            });

您的代码可以正常使用。