網頁

2017/9/8

jQuery UI 關閉dialog對話框時觸發方法

使用jQuery UI的Dialog Widge對話框時,若要在程式中關閉對話框,可呼叫.dialog("close")

$(".selector").dialog("close");

如果在關閉對話框時要執行某個方法,可使用dialog的close event,在dialog()方法的參數加入close的設定

如果覺得文章有幫助的話還幫忙點個Google廣告,感恩。

<button onclick="openDialog();">開啟對話框</button> 

<div id="dialog" title="對話框">
  <p>這是對話框(Dialog Box),關閉後會觸發alert()</p>
</div>

<script>
// 設定對話框
$("#dialog").dialog({
  autoOpen: false, // 對話框一開始隱藏
  close:function(event, ui){ // 對話框關閉時觸發的方法
    alert("對話框關閉");
  }
});

function openDialog(){
  $("#dialog").dialog("open"); // 點選按鈕時開啟對話框
}
</script>

這是對話框(Dialog Box),關閉後會觸發alert()

沒有留言:

張貼留言