jquerymobile页面和Phonegap deviceready事件onLoad

时间:2012-04-25 11:55:20

标签: jquery-mobile cordova onload

我知道之前已经讨论过,但对我没有任何结果。

问题是deviceready()仅在“list”页面上第一次被触发一次。我不能让它在文章页面上工作。当我从“文章”页面回到“文章列表”时,该事件仍然无法工作。我需要在每个data-role =“page”中操作menubutton。

js:

 <script type='text/javascript'>
 function onLoad() {
    document.addEventListener("deviceready", onDeviceReady, false); 
 }


 function onDeviceReady() {
   document.addEventListener("menubutton", onMenuKeyDown, false);       
  }

   function onMenuKeyDown() {
    alert('Menu pressed');
    }
 </script>

HTML:

<body onload="onLoad()">
 <div id="list" data-role="page">
   <ul id="articleList" data-role="listview">
    <li id="list1"><a id="link1" href="#article1"></li>  
    <li id="list2"><a id="link1" href="#article2"></li>  
   </ul>
</div>

<div id="article1" data-role="page">Content</div>
<div id="article2" data-role="page">Content</div>

我在:cordova-1.5.0 /jquery.mobile-1.1.0-rc.2 /jquery-1.7.1 / Android

请帮忙吗?

1 个答案:

答案 0 :(得分:1)

我刚刚在我正在处理的应用程序中快速测试了这个并且它有效。 Phonegap-1.6.1和jquery.mobile-1.1.0 final

也许你应该尝试升级你的phonegap和jquery.mobile