jQuery dialog 能夠很方便地彈出可定制的對話框,并且可以添加關閉事件處理程序。
$( "#myDialog" ).dialog({ close: function( event, ui ) { console.log( "Dialog has been closed!" ); } });
在上面的代碼中,我們使用了close
選項來添加關閉事件處理程序??梢钥吹剑攲υ捒虮魂P閉時,我們使用console.log
來確認這個事件已經發生。
除了close
之外,還有其他的選項可以用來添加對話框事件處理程序。例如,可以使用open
來添加對話框打開事件,使用beforeClose
來添加對話框關閉前事件。
$( "#myDialog" ).dialog({ open: function( event, ui ) { console.log( "Dialog has been opened!" ); }, beforeClose: function( event, ui ) { console.log( "Dialog is about to close!" ); } });
以上代碼可以同時添加打開和關閉前的事件處理程序。需要注意的是,事件處理程序可以是函數,也可以是字符串,但函數更具有可讀性和可維護性。
總之,jQuery dialog 的事件處理程序提供了很方便的方式來處理用戶和對話框之間的交互。我們可以根據需要選擇相應的事件處理程序,來增強對話框的功能和用戶體驗。