2012-01-19 2 views
2

Привет, я новичок в phonegap jquerymobile ios, поэтому я просто пытаюсь выполнить простое предупреждающее сообщение на странице, но это событие никогда не запускалось.PageInit JQuery mobile не работает

Вот мой код 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 --> 

может кто-нибудь сказать мне, что я делаю не так или, может быть, это проблема тренажере?

ответ

3

Предупреждающее сообщение не срабатывает, потому что вы использовали pageInit вместо pageinit в вашем коде jquery.

Заменить

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

с

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

Ваш код будет работать нормально.

+0

Спасибо за ответ, я заменяю его, как вы говорите, но не уволен. – Sebastian

+0

Добавили ли вы все необходимые файлы js и css в свой html-файл? Обратите внимание, что я использовал только предупреждение в своем коде, а не navigator.notification.alert(). –

+0

Hi Vinay да, я сделал это. Даже pagecreate и pageshow работают нормально, единственное, что не работает, это pageinit. – Sebastian