jQuery UI插件自定義confirm確認框的方法

更新時間：2015年03月20日 10:36:10 作者：songguo

這篇文章主要介紹了jQuery UI插件自定義confirm確認框的方法,實例分析了jQuery的UI插件使用技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了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è)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery 插件 web2.0分格的分頁腳本，可用于ajax無刷新分頁
displaynum，displaylastNum可以自由定制顯示的頁碼數(shù)量
2008-12-12
易操作的jQuery表單提示插件
這篇文章主要為大家介紹了易操作的jQuery表單提示插件，使用它可以輕松為表單控件添加淡入淡出動畫效果的提示，感興趣的小伙伴們可以參考一下
2015-12-12
jquery文本框中的事件應(yīng)用以輸入郵箱為例
這篇文章主要介紹了jquery文本框中的事件應(yīng)用以輸入郵箱為例,需要的朋友可以參考下
2014-05-05
Jquery實現(xiàn)簡單的輪播效果(代碼管用)
這篇文章主要介紹了Jquery實現(xiàn)簡單的輪播效果(代碼管用) 的相關(guān)資料,需要的朋友可以參考下
2016-03-03
jQuery事件之鍵盤事件(ctrl+Enter回車鍵提交表單等)
鍵盤事件處理所有用戶在鍵盤敲擊的情況，不管在文本輸入?yún)^(qū)域內(nèi)部還是外部，這里介紹下jquery鍵盤事件的相關(guān)知識，需要的朋友可以參考下
2014-05-05
jQuery 點擊獲取驗證碼按鈕及倒計時功能
驗證碼倒計時功能，在前端開發(fā)中經(jīng)常會遇到，下面小編給大家?guī)砹薺Query 點擊獲取驗證碼按鈕及倒計時功能，感興趣的朋友跟隨小編一起看看吧
2018-09-09
jquery 簡單應(yīng)用示例總結(jié)
jquery 想必大家早已如雷貫耳，本文整理了一些在實際應(yīng)用中比較常見的功能片段，感興趣的朋友可以學(xué)習(xí)下哦，需要改進的地方希望大家不惜指教
2013-08-08
基于jQuery實現(xiàn)照片墻自動播放特效
這篇文章主要為大家詳細介紹了基于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