當(dāng)我們在使用 jQuery Dialog 這個(gè)插件時(shí)，可能需要銷毀已經(jīng)實(shí)例化的 dialog，本文簡單介紹如何銷毀 dialog。

在使用 dialog 插件時(shí)，我們一般會(huì)通過

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

的方式來實(shí)例化一個(gè) dialog。當(dāng)我們需要銷毀這個(gè) dialog 時(shí)，可以使用

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

方法。這個(gè)方法會(huì)把 dialog 插件附加的所有事件和樣式都移除，從而銷毀這個(gè) dialog。

除了使用

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

方法銷毀 dialog 外，還可以使用

$( ".selector" ).remove();

方法來銷毀 dialog。這個(gè)方法會(huì)把 dialog 的 HTML 元素完全從頁面中移除。

需要注意的是，如果一個(gè) dialog 的實(shí)例化對象被存儲(chǔ)在一個(gè)變量中，那么在銷毀這個(gè) dialog 時(shí)需要確保將這個(gè)變量置為 null 或者刪除掉。

var myDialog = $( ".selector" ).dialog();
// destroying dialog
myDialog.dialog( "destroy" );
myDialog = null; // or delete myDialog;

總之，銷毀一個(gè) jQuery Dialog 的方式非常簡單，有兩種方法可供選擇。除了使用

dialog( "destroy" )

方法外，還可以使用

remove()

方法來銷毀 dialog，但需要注意在銷毀 dialog 對象時(shí)將變量置為 null 或刪除掉。