jquerymobile 页面和 Phonegap deviceready 事件 onLoad答案

【问题标题】：jquerymobile pages and Phonegap deviceready event onLoadjquerymobile 页面和 Phonegap deviceready 事件 onLoad
【发布时间】：2012-05-06 02:27:04
【问题描述】：

我知道之前已经讨论过这个问题，但对我来说没有结果。

问题是 deviceready() 只被触发一次，第一次是在“列表”页面上。我不能让它在文章页面上工作。当我从“文章”页面返回到“文章列表”时，该事件仍然无法正常工作。我需要在每个 data-role="page" 中操作菜单按钮。

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

有什么帮助吗？

【问题讨论】：

标签： jquery-mobile cordova onload

【解决方案1】：

我刚刚在我正在开发的应用程序中快速测试了它，它可以工作。 Phonegap-1.6.1 和 jquery.mobile-1.1.0 最终版

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

【讨论】：

是的！使用 jquery.mobile-1.1.0 final 和 phonegap 1.7rc1 测试，效果很好！！