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

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

這段代碼通過(guò)jQuery UI自定義了一個(gè)confirm的確認(rèn)對(duì)話框效果，通過(guò)html代碼自定義對(duì)話框的顯示界面和外觀，可以自定義confirm框的按鈕，本例中定義了一個(gè)confirm確認(rèn)按鈕和一個(gè)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. }); 

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。