🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
注销其实可以使用一个基本的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("网络连接失败!"); }) } ~~~ 实现效果: ![](https://box.kancloud.cn/2016-02-23_56cbb4b8d9f7e.jpg) 需要注意的时,使用此弹出必须添加相关的插件af.popup.js