注銷其實可以使用一個基本的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
- 前言
- 使用jqMobi開發app基礎
- jqMobi開發app頁面注意事項
- 使用jqMobi開發app基礎：定義header
- 使用jqMobi開發app基礎：定義footer
- 使用jqMobi開發app基礎：通過panel添加內容
- 使用jqMobi開發app基礎：panel屬性data-defer介紹
- 使用jqMobi開發app基礎：Side Menu
- 使用jqMobi開發app基礎：Styled Lists布局
- 使用jqMobi開發app基礎：Grid布局
- 使用jqMobi開發app基礎：響應式布局介紹
- 使用jqMobi開發app基礎：Toggle Switches開關按鈕
- 使用jqMobi開發app基礎：HTML5 LocalStorage 本地存儲
- 使用jqMobi開發app基礎：登錄頁面的實現
- 使用jqMobi開發app基礎：注銷頁面的實現
- 使用jqMobi開發app基礎：viewport指令
- 使用jqMobi開發app基礎：a標簽的使用
- 使用jqMobi開發app基礎：Scrolling的使用，向上向下拖動，動態添加數據
- 使用jqMobi開發app基礎：頁面傳值方式
- 使用jqMobi開發app基礎：panel之間的跳轉方式
- 使用jqMobi開發app基礎：panel之間的跳轉方式總結
- 使用jqMobi開發app基礎：下拉select
- 使用jqMobi開發app基礎：真的只能存在一個DOM嗎？
- 使用jqMobi開發app基礎：使用 jQuery
- 使用jqMobi開發app基礎：Scrolling的使用，拖動后大量空白的解決方法
- 使用jqMobi開發app基礎：Scrolling的使用，停止和繼續拖動有關的問題
- 使用jqMobi開發app基礎：Badge的使用
- 使用jqMobi開發app基礎：如何撥打電話？
- 使用jqMobi開發app基礎：彈出內容的設計