事件發生時開啟對話方塊

通常我們希望將對話方塊的建立與其外觀分開。然後需要三個步驟。

1. 建立基本元素

<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

2. 將其設為對話方塊，注意 autoOpen: false 選項，確保首先關閉它

$( "#dialog" ).dialog({
  autoOpen: false
});

3. 在需要時開啟它，就像點選按鈕一樣

$( "#dialog" ).dialog( "open" );