欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery UI插件自定義confirm確認(rèn)框的方法

 更新時(shí)間:2015年03月20日 10:36:10   作者:songguo  
這篇文章主要介紹了jQuery UI插件自定義confirm確認(rèn)框的方法,實(shí)例分析了jQuery的UI插件使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

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

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

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

相關(guān)文章

最新評(píng)論