首頁 > web前端 > js教程 > jQuery UI外掛程式自訂confirm確認框的方法_jquery

jQuery UI外掛程式自訂confirm確認框的方法_jquery

WBOY
發布: 2016-05-16 16:08:26
原創
1844 人瀏覽過

本文實例講述了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&#63;
</div>&#8203;
登入後複製

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程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板