使用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