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

本文實例講述了jQuery UI插件自定義confirm確認框的方法。分享給大家供大家參考。具體分析如下：

這段代碼通過jQuery UI自定義了一個confirm的確認對話框效果，通過html代碼自定義對話框的顯示界面和外觀，可以自定義confirm框的按鈕，本例中定義了一個confirm確認按鈕和一個cancel取消按鈕。

html代碼

1. <button id="callConfirm">Confirm!</button> 
2. <div id="dialog" title="Confirmation Required"> 
3. Are you sure about this? 
4. </div>? 

jS代碼：

1. $("#dialog").dialog({ 
2. autoOpen: false, 
3. modal: true, 
4. buttons : { 
5. "Confirm" : function() { 
6. alert("You have confirmed!"); 
7. }, 
8. "Cancel" : function() { 
9. $(this).dialog("close"); 
10. } 
11. } 
12. }); 
13. $("#callConfirm").on("click", function(e) { 
14. e.preventDefault(); 
15. $("#dialog").dialog("open"); 
16. }); 

希望本文所述對大家的jQuery程序設計有所幫助。