jQueryUI實現的自定義confirm確認框簡單介紹

12/6/2015來源:Javascript教程人氣:7988

jQuery UI實現的自定義confirm確認框簡單介紹:
本章節介紹一下jQuery UI自定義了一個confirm的確認對話框效果。
通過html代碼自定義對話框的顯示界面和外觀,可以自定義confirm框的按鈕。
本例中定義了一個confirm確認按鈕和一個cancel取消按鈕。
html代碼:

<button id="callConfirm">Confirm!</button>
<div id="dialog" title="Confirmation Required">
確定要刪除元素?
</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");
});

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=17363

更多內容可以參閱http://www.softwhy.com/jqshili/



河北快3走势图彩 三肖期期中 黄大仙 追光娱乐老版下载 强烈推荐的股票 欢乐广东麻将推倒胡 投资股票交流微信群 多乐彩快乐彩 甘肃11选五玩法及奖金 三分彩走势怎么分析 北京赛车预测软件app 香港马报免费资料最新