使用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()
沒有留言:
張貼留言