增強用戶體驗友好性之jquery easyui window 窗口關(guān)閉時的提示
更新時間：2012年06月22日 23:41:43 作者：
在項目中，客戶提出這么個要求，就是在關(guān)閉彈出的窗口的時候，如果點擊 紅X 或 取消按鈕 則提示 ”確認保存了當(dāng)前的操作“ 這么個信息，否則就不提示啦
我的彈窗是這么寫的
$('#aa').click(function(){ //按鈕單擊事件
$('#w').window({//窗口初始化
title:'隨便點',width:400,height:300,iconCls:'icon_add',
//重要的部分
onBeforeClose:function(){ //當(dāng)面板關(guān)閉之前觸發(fā)的事件
if (confirm('窗口正在關(guān)閉，請確認您當(dāng)前的操作已保存。\n 是否繼續(xù)關(guān)閉窗口？')) {
$('#w').window('close', true); //這里調(diào)用close 方法，true 表示面板被關(guān)閉的時候忽略onBeforeClose 回調(diào)函數(shù)。
} else
return false;
}
});
});
這樣就OK啦，在點擊紅X 或者取消|關(guān)閉之類的按鈕的時候就彈出confirm 窗口點確定關(guān)閉window,點取消保留window.
如果不想彈出提示，就直接調(diào)用：$('#w').window('close', true)
復(fù)制代碼 代碼如下:
$('#aa').click(function(){ //按鈕單擊事件
$('#w').window({//窗口初始化
title:'隨便點',width:400,height:300,iconCls:'icon_add',
//重要的部分
onBeforeClose:function(){ //當(dāng)面板關(guān)閉之前觸發(fā)的事件
if (confirm('窗口正在關(guān)閉，請確認您當(dāng)前的操作已保存。\n 是否繼續(xù)關(guān)閉窗口？')) {
$('#w').window('close', true); //這里調(diào)用close 方法，true 表示面板被關(guān)閉的時候忽略onBeforeClose 回調(diào)函數(shù)。
} else
return false;
}
});
});
這樣就OK啦，在點擊紅X 或者取消|關(guān)閉之類的按鈕的時候就彈出confirm 窗口點確定關(guān)閉window,點取消保留window.
如果不想彈出提示，就直接調(diào)用：$('#w').window('close', true)
您可能感興趣的文章:
- jquery中的$(document).ready()與window.onload的區(qū)別
- jquery $(document).ready() 與window.onload的區(qū)別
- jQuery創(chuàng)建自己的插件(自定義插件)的方法
- 基于Jquery的仿Windows Aero彈出窗(漂亮的關(guān)閉按鈕)
- 自定義一個jquery插件[鼠標(biāo)懸浮時候 出現(xiàn)說明label]
- JQuery擴展插件Validate 5添加自定義驗證方法
- jQuery中使用了document和window哪些屬性和方法小結(jié)
- Jquery插件之打造自定義的select標(biāo)簽
- 使用jQuery.fn自定義jQuery翻頁插件
- 用Jquery重寫windows.alert方法實現(xiàn)思路
- jquery trigger偽造a標(biāo)簽的click事件取代window.open方法
- jQuery實現(xiàn)的一個自定義Placeholder屬性插件
- jQuery UI插件自定義confirm確認框的方法
- jquery自定義插件開發(fā)之window的實現(xiàn)過程
相關(guān)文章
jQuery中的read和JavaScript中的onload函數(shù)的區(qū)別
這篇文章主要介紹了jQuery中的read和JavaScript中的onload函數(shù)的區(qū)別,這兩個函數(shù)在web編程中是最常用的,一定要搞清楚它們的區(qū)別,需要的朋友可以參考下2014-08-08
JQuery WEUI Select 組件增加搜索欄示例demo
這篇文章主要介紹了JQuery WEUI Select 組件增加搜索欄示例demo,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-10-10
這篇文章主要介紹了jquery實現(xiàn)點擊空白處隱藏元素div等方法和實現(xiàn)代碼的講解，一起學(xué)習(xí)下。2017-12-12
內(nèi)容過濾選擇器：根據(jù)元素中的文字內(nèi)容或所包含的子元素特征獲取元素，其文字內(nèi)容可以模糊或絕對匹配進行元素定位，接下來為大家詳細介紹下jQuery選擇器，感興趣的朋友可以參考下哈2013-04-04
jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法
這篇文章主要介紹了jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法,結(jié)合簡單實例形式分析了jQuery使用bind函數(shù)進行多個事件綁定的操作技巧與注意事項,需要的朋友可以參考下2017-10-10
EasySlider 基于jQuery功能強大簡單易用的滑動門插件
Easy Slider 是一個滑動門插件，支持任何圖片或內(nèi)容，當(dāng)點擊時實現(xiàn)橫向或縱向滑動。它擁有一系列豐富的參數(shù)設(shè)置，可通過CSS來進行完全的控制。2010-06-06
這篇文章主要介紹了jQuery遍歷json的方法,結(jié)合實例形式分析了jQuery針對json格式數(shù)據(jù)的遍歷操作相關(guān)技巧,需要的朋友可以參考下2016-04-04
這部分作為后臺的一部分實現(xiàn)，目的是實現(xiàn)某個指定目錄下所有文件夾和文件的瀏覽，同時不顯示不允許的格式，對于文本格式和代碼文件可以進行編輯2008-10-10
本篇文章主要介紹了jquery replace方法去空格的相關(guān)知識，具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05
學(xué)習(xí)了jquery,發(fā)現(xiàn)其功能真的很令我驚訝，為表格添加背景色用css也可以實現(xiàn)，卻不得不在<tr>標(biāo)簽里一行一行地添加，但用jquery只需四行代碼，就是這樣精簡的用法，讓我對jquery產(chǎn)生了極大的興趣，也不得不驚嘆新興的技術(shù)所帶來的效率！2010-01-01