增强用户体验友好性之jquery easyui window 窗口关闭时的提示

148 阅读 0 评论 98 点赞

我是靠谱客的博主明理电话，最近开发中收集的这篇文章主要介绍增强用户体验友好性之jquery easyui window 窗口关闭时的提示，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

我的弹窗是这么写的

复制代码代码如下:

 
$('#aa').click(function(){ //按钮单击事件 
　　$('#w').window({//窗口初始化 
　　　　title:'随便点',width:400,height:300,iconCls:'icon_add', 
　　　　//重要的部分 
　　　　onBeforeClose:function(){ //当面板关闭之前触发的事件 
　　　　　　if (confirm('窗口正在关闭，请确认您当前的操作已保存。n 是否继续关闭窗口？')) { 
　　　　　　　　$('#w').window('close', true); //这里调用close 方法，true 表示面板被关闭的时候忽略onBeforeClose 回调函数。 
　　　　　　} else 
　　　　　　　　return false; 
　　　　} 
　　}); 
}); 

这样就OK啦，在点击红X 或者取消|关闭之类的按钮的时候就弹出confirm 窗口点确定关闭window,点取消保留window.
如果不想弹出提示，就直接调用：$('#w').window('close', true)