jQuery UI插件自定義confirm確認(rèn)框的方法
更新時(shí)間：2015年03月20日 10:36:10 作者：songguo
這篇文章主要介紹了jQuery UI插件自定義confirm確認(rèn)框的方法,實(shí)例分析了jQuery的UI插件使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery UI插件自定義confirm確認(rèn)框的方法。分享給大家供大家參考。具體分析如下：
這段代碼通過jQuery UI自定義了一個(gè)confirm的確認(rèn)對(duì)話框效果，通過html代碼自定義對(duì)話框的顯示界面和外觀，可以自定義confirm框的按鈕，本例中定義了一個(gè)confirm確認(rèn)按鈕和一個(gè)cancel取消按鈕。
html代碼
<button id="callConfirm">Confirm!</button> <div id="dialog" title="Confirmation Required"> Are you sure about this? </div>
jS代碼：
$("#dialog").dialog({
autoOpen: false,
modal: true,
buttons : {
"Confirm" : function() {
alert("You have confirmed!");
},
"Cancel" : function() {
$(this).dialog("close");
}
}
});
$("#callConfirm").on("click", function(e) {
e.preventDefault();
$("#dialog").dialog("open");
});
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jQuery的圖片輪播插件PgwSlideshow使用詳解
- jQuery插件Flexslider實(shí)現(xiàn)圖片輪播、圖文結(jié)合滑動(dòng)切換效果
- jQuery插件實(shí)現(xiàn)圖片輪播特效
- jQuery實(shí)現(xiàn)圖片輪播效果代碼(基于jquery.pack.js插件)
- jQuery圖片輪播插件——前端開發(fā)必看
- jQuery插件實(shí)現(xiàn)帶圓點(diǎn)的焦點(diǎn)圖片輪播切換
- jQuery插件boxScroll實(shí)現(xiàn)圖片輪播特效
- jQuery插件slicebox實(shí)現(xiàn)3D動(dòng)畫圖片輪播切換特效
- jquery圖片輪播插件仿支付寶2013版全屏圖片幻燈片
- 12款經(jīng)典的白富美型—jquery圖片輪播插件—前端開發(fā)必備
- jQuery創(chuàng)建自己的插件(自定義插件)的方法
- jQuery簡單自定義圖片輪播插件及用法示例
相關(guān)文章
jquery 插件 web2.0分格的分頁腳本，可用于ajax無刷新分頁
displaynum，displaylastNum可以自由定制顯示的頁碼數(shù)量2008-12-12
這篇文章主要為大家介紹了易操作的jQuery表單提示插件，使用它可以輕松為表單控件添加淡入淡出動(dòng)畫效果的提示，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了jquery文本框中的事件應(yīng)用以輸入郵箱為例,需要的朋友可以參考下2014-05-05
Jquery實(shí)現(xiàn)簡單的輪播效果(代碼管用)
這篇文章主要介紹了Jquery實(shí)現(xiàn)簡單的輪播效果(代碼管用) 的相關(guān)資料,需要的朋友可以參考下2016-03-03
jQuery事件之鍵盤事件(ctrl+Enter回車鍵提交表單等)
鍵盤事件處理所有用戶在鍵盤敲擊的情況，不管在文本輸入?yún)^(qū)域內(nèi)部還是外部，這里介紹下jquery鍵盤事件的相關(guān)知識(shí)，需要的朋友可以參考下2014-05-05
jQuery 點(diǎn)擊獲取驗(yàn)證碼按鈕及倒計(jì)時(shí)功能
驗(yàn)證碼倒計(jì)時(shí)功能，在前端開發(fā)中經(jīng)常會(huì)遇到，下面小編給大家?guī)砹薺Query 點(diǎn)擊獲取驗(yàn)證碼按鈕及倒計(jì)時(shí)功能，感興趣的朋友跟隨小編一起看看吧2018-09-09
jquery 想必大家早已如雷貫耳，本文整理了一些在實(shí)際應(yīng)用中比較常見的功能片段，感興趣的朋友可以學(xué)習(xí)下哦，需要改進(jìn)的地方希望大家不惜指教2013-08-08
基于jQuery實(shí)現(xiàn)照片墻自動(dòng)播放特效
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)照片墻自動(dòng)播放特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
jQuery實(shí)現(xiàn)帶滾動(dòng)線條導(dǎo)航效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶滾動(dòng)線條導(dǎo)航效果的方法,分析了帶滾動(dòng)條導(dǎo)航效果的實(shí)現(xiàn)原理與相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
jquery實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件代碼
如何實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件，下面有個(gè)不不錯(cuò)的示例使用jquery實(shí)現(xiàn)的，感興趣的朋友可以參考下2014-01-01