增強(qiáng)用戶體驗(yàn)友好性之jquery easyui window 窗口關(guān)閉時(shí)的提示

更新時(shí)間：2012年06月22日 23:41:43 作者：

在項(xiàng)目中，客戶提出這么個(gè)要求，就是在關(guān)閉彈出的窗口的時(shí)候，如果點(diǎn)擊紅X 或取消按鈕則提示 ”確認(rèn)保存了當(dāng)前的操作“ 這么個(gè)信息，否則就不提示啦

我的彈窗是這么寫的

 
$('#aa').click(function(){ //按鈕單擊事件 
　　$('#w').window({//窗口初始化 
　　　　title:'隨便點(diǎn)',width:400,height:300,iconCls:'icon_add', 
　　　　//重要的部分 
　　　　onBeforeClose:function(){ //當(dāng)面板關(guān)閉之前觸發(fā)的事件 
　　　　　　if (confirm('窗口正在關(guān)閉，請(qǐng)確認(rèn)您當(dāng)前的操作已保存。\n 是否繼續(xù)關(guān)閉窗口？')) { 
　　　　　　　　$('#w').window('close', true); //這里調(diào)用close 方法，true 表示面板被關(guān)閉的時(shí)候忽略onBeforeClose 回調(diào)函數(shù)。 
　　　　　　} else 
　　　　　　　　return false; 
　　　　} 
　　}); 
}); 

這樣就OK啦，在點(diǎn)擊紅X 或者取消|關(guān)閉之類的按鈕的時(shí)候就彈出confirm 窗口點(diǎn)確定關(guān)閉window,點(diǎn)取消保留window.
如果不想彈出提示，就直接調(diào)用：$('#w').window('close', true)

您可能感興趣的文章:

相關(guān)文章

jQuery中的read和JavaScript中的onload函數(shù)的區(qū)別
這篇文章主要介紹了jQuery中的read和JavaScript中的onload函數(shù)的區(qū)別,這兩個(gè)函數(shù)在web編程中是最常用的,一定要搞清楚它們的區(qū)別,需要的朋友可以參考下
2014-08-08
JQuery WEUI Select 組件增加搜索欄示例demo
這篇文章主要介紹了JQuery WEUI Select 組件增加搜索欄示例demo,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
2023-10-10
jquery如何實(shí)現(xiàn)點(diǎn)擊空白處隱藏元素
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊空白處隱藏元素div等方法和實(shí)現(xiàn)代碼的講解，一起學(xué)習(xí)下。
2017-12-12
使用jQuery內(nèi)容過(guò)濾選擇器選擇元素實(shí)例講解
內(nèi)容過(guò)濾選擇器：根據(jù)元素中的文字內(nèi)容或所包含的子元素特征獲取元素，其文字內(nèi)容可以模糊或絕對(duì)匹配進(jìn)行元素定位，接下來(lái)為大家詳細(xì)介紹下jQuery選擇器，感興趣的朋友可以參考下哈
2013-04-04
jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個(gè)事件的方法
這篇文章主要介紹了jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個(gè)事件的方法,結(jié)合簡(jiǎn)單實(shí)例形式分析了jQuery使用bind函數(shù)進(jìn)行多個(gè)事件綁定的操作技巧與注意事項(xiàng),需要的朋友可以參考下
2017-10-10
EasySlider 基于jQuery功能強(qiáng)大簡(jiǎn)單易用的滑動(dòng)門插件
Easy Slider 是一個(gè)滑動(dòng)門插件，支持任何圖片或內(nèi)容，當(dāng)點(diǎn)擊時(shí)實(shí)現(xiàn)橫向或縱向滑動(dòng)。它擁有一系列豐富的參數(shù)設(shè)置，可通過(guò)CSS來(lái)進(jìn)行完全的控制。
2010-06-06
jQuery遍歷json的方法分析
這篇文章主要介紹了jQuery遍歷json的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)json格式數(shù)據(jù)的遍歷操作相關(guān)技巧,需要的朋友可以參考下
2016-04-04
JQuery AJAX實(shí)現(xiàn)目錄瀏覽與編輯的代碼
這部分作為后臺(tái)的一部分實(shí)現(xiàn)，目的是實(shí)現(xiàn)某個(gè)指定目錄下所有文件夾和文件的瀏覽，同時(shí)不顯示不允許的格式，對(duì)于文本格式和代碼文件可以進(jìn)行編輯
2008-10-10
jquery replace方法去空格
本篇文章主要介紹了jquery replace方法去空格的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-05-05
jquery 交替為表格添加樣式的代碼
學(xué)習(xí)了jquery,發(fā)現(xiàn)其功能真的很令我驚訝，為表格添加背景色用css也可以實(shí)現(xiàn)，卻不得不在<tr>標(biāo)簽里一行一行地添加，但用jquery只需四行代碼，就是這樣精簡(jiǎn)的用法，讓我對(duì)jquery產(chǎn)生了極大的興趣，也不得不驚嘆新興的技術(shù)所帶來(lái)的效率！
2010-01-01