JqueryMobile+PhoneGap+Android 返回按钮 退出程序

admin

JqueryMobile+phonegap+Android

   jqm和phonegap整合做开发时,请一定要注意phonegap的版本问题。因为版本的问题可能会导致很多问题的出现。现在最新的phonegap版本是1.9 自己可以去搜。

  功能需求是这样的。

  APP封装HTML5的页面程序。HTML5包含有多个页面,当用户点击到子页面时,点击返回按钮一级的返回,当返回到主页面时 再按返回按钮 则退出程序!

  代码实现如下:
    //添加回退按钮事件

1.     document.addEventListener("backbutton",onBackKeyDown,false);   
   
2.       
   
3.     //BackButton按钮  
   
4.     function onBackKeyDown(){  
   
5.         if($.mobile.activePage.is('#homepage')){  
   
6.             navigator.app.exitApp();  
   
7.         }  
   
8.         else {  
   
9.             navigator.app.backHistory();  
   
10.         }  
    
11.     }  
    

复制代码

1.     这段代码是从国外的一个技术站看到的   
   
2. 
   
3. 
   
4.     <pre name="code" class="javascript">$.mobile.activePage.is('#homepage')</pre>这是获取当前活动页,#homepage 即为页面中的jqm page容器 ID是homepage.  
   
5.     <pre></pre>  

复制代码

FISHERMAN

新手，求使用详解，O(∩_∩)O谢谢

admin

FISHERMAN 发表于 2013-9-24 12:46
新手，求使用详解，O(∩_∩)O谢谢

加群 关注群动态 后面的教程会详解

louisxaw

楼主v5，正是我需要的

fly1990

群号多少啊 谢谢啦

seniafamily

能问一个问题吗？我用的jquery mobiel是最新的jquery.mobile-1.4.5，phoneGap的版本是2.2.0，但是我用navigator.notification.alert();弹出消息，但是没有效果，这是为什么呢？难道是版本的问题？