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如何獲取元素的滾動條高度等實現(xiàn)代碼,需要的朋友可以參考下2015-10-10
jquery lazyload延遲加載技術(shù)的實現(xiàn)原理分析
懶加載技術(shù)(簡稱lazyload)并不是新技術(shù)，它是js程序員對網(wǎng)頁性能優(yōu)化的一種方案。lazyload的核心是按需加載。在大型網(wǎng)站中都有l(wèi)azyload的身影，例如谷歌的圖片搜索頁，迅雷首頁，淘寶網(wǎng)，QQ空間等。2011-01-01
本篇文章給大家詳細(xì)分析了jQuery中的isPlainObject()使用方法，對此有需求的讀者們可以學(xué)習(xí)下。2018-02-02
基于jQuery實現(xiàn)左側(cè)菜單欄可折疊功能
這篇文章主要介紹了基于jQuery實現(xiàn)左側(cè)菜單欄可折疊功能，介紹菜單折疊過程中三種變換形式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JQuery獲取元素文檔大小、偏移和位置和滾動條位置的方法集合
在ajax中經(jīng)常需要對元素的位置進(jìn)行精確的定位，此時不僅需要獲取元素自身的大小位置等屬性。還需要知道頁面、瀏覽器、滾動條等的長度和寬度。2010-01-01
這篇文章主要介紹了jquery實現(xiàn)的簡單輪播圖功能,涉及jQuery基于定時器的事件響應(yīng)與頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-08-08
jquery Ajax實現(xiàn)Select動態(tài)添加數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了jquery Ajax實現(xiàn)Select動態(tài)添加數(shù)據(jù)的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
jquery $.each 和for怎么跳出循環(huán)終止本次循環(huán)
如何在jquery 中的循環(huán)中終止本次循環(huán)或者跳出循環(huán)呢？經(jīng)搜索發(fā)現(xiàn)個不錯的方法，大家不妨參考下，希望對大家有所幫助2013-09-09
LCD想必大家都有見到過吧，本文為大家介紹的就是使用jquery模擬LCD時鐘，以下是HTML文件源代碼2014-06-06
用jquery的大概有一年了，只知道$(selector)，其內(nèi)部選擇器是如何實現(xiàn)并不完全不清晰，汗顏啊于是看了jquery的源碼,jquery用的選擇器的引擎是sizzle,感興趣的朋友可以了解下，或許本文對你有所幫助2013-02-02