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