jquery - 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");
                            });

您的代码将正常工作。