jQuery UI插件自定義confirm確認框的方法
本文實例講述了jQuery UI插件自定義confirm確認框的方法。分享給大家供大家參考。具體分析如下:
這段代碼通過jQuery UI自定義了一個confirm的確認對話框效果,通過html代碼自定義對話框的顯示界面和外觀,可以自定義confirm框的按鈕,本例中定義了一個confirm確認按鈕和一個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 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基于jQuery實現(xiàn)左側(cè)菜單欄可折疊功能
這篇文章主要介紹了基于jQuery實現(xiàn)左側(cè)菜單欄可折疊功能,介紹菜單折疊過程中三種變換形式,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12JQuery獲取元素文檔大小、偏移和位置和滾動條位置的方法集合
在ajax中經(jīng)常需要對元素的位置進行精確的定位,此時不僅需要獲取元素自身的大小位置等屬性。還需要知道頁面、瀏覽器、滾動條等的長度和寬度。2010-01-01jquery Ajax實現(xiàn)Select動態(tài)添加數(shù)據(jù)
這篇文章主要為大家詳細介紹了jquery Ajax實現(xiàn)Select動態(tài)添加數(shù)據(jù)的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06jquery $.each 和for怎么跳出循環(huán)終止本次循環(huán)
如何在jquery 中的循環(huán)中終止本次循環(huán)或者跳出循環(huán)呢?經(jīng)搜索發(fā)現(xiàn)個不錯的方法,大家不妨參考下,希望對大家有所幫助2013-09-09