使用jqMobi开发app基础：注销页面的实现详解手机开发

 注销其实可以使用一个基本的a标签。

  例如我把登录和注销放在了底部导航条navbar中。

 基本代码：

 <div id="navbar" >       
                <a href="#home" id='navbar_home' class='icon home' >首页</a>  
                <a href="#login" id='loginlink' class='icon home'>登陆</a>   
                <a  id='logoutlink' class='icon home'>注销</a>              
                <a href="#about" id='navbar_picture' class='icon picture'>关于我们</a> 
            </div>

js代码：

function logoutFun() {  
    $.ui.popup({ 
        title: "提示", 
        message: "确定注销吗", 
        cancelText: "取消", 
        cancelCallback: function () { }, 
        doneText: "确定", 
        doneCallback: function () { logoutSureFun() }, 
        cancelOnly: false 
    }); 
} 
 
function logoutSureFun() { 
     var url = serviceUrl + "UIPhoneAjax/GetData.ashx?type=logout"; 
            $.post(url, null, function (res) { 
                if (res.IsSuccess) {                                        
                    $("#loginlink").show(); 
                    $("#logoutlink").hide();                  
                } else {                
                   $.ui.popup(res.Msg); 
                } 
      }, "json", function () { $.ui.hideMask(); $.ui.popup("网络连接失败！"); })                                 
 }

实现效果：

需要注意的时，使用此弹出必须添加相关的插件af.popup.js