您的位置:首页 > 移动开发

使用jqMobi开发app基础:注销页面的实现

2014-01-22 09:55 513 查看
 注销其实可以使用一个基本的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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: