銷燬jQuery UI中的對話框

Question

我正在使用jQuery UI打開一個基本上加載日誌文件的連續刷新尾部的對話框。它的效果很好，但問題是，當你關閉它時，它並沒有關閉對話框，所以它仍然繼續用文件的尾部向你發送流量。顯然這不是一個好習慣。

無論如何，我到目前爲止嘗試解決問題的代碼如下。

var $console = $('<div title="&nbsp; Server Console"></div>') 
    .dialog({ 
     height: 720, 
     width: 1000, 
     resizable: false, 
     autoOpen: false 
    }); 

$(".consoleOpen").click(function(){ 
    $console.dialog('open').load("console.php?console="+this.name); 
}); 

$console.bind('dialogclose', function(event) { 
    $console.remove(); 
}); 

這是console.php刷新功能：

(function($) 
{ 
    $(document).ready(function() 
    { 
     var $container = $("#responsecontainer"); 
     $container.load("console_class.php?console=<?php echo $console; ?>"); 
     var refreshId = setInterval(function() 
     { 
      $container.load('console_class.php?console=<?php echo $console; ?>'); 
     }, <?php echo $consoleRefresh;?>); 
    }); 
})(jQuery); 

Answer 1

看那API功能destroy()

$console.bind('dialogclose', function(event) { 
    $console.dialog('destroy').remove(); 
}); 

您還需要使用clearInterval，否則只要頁面打開，它就會一直運行。

$console.bind('dialogclose', function(event) { 
    $console.dialog('destroy').remove(); 
    clearInterval(refreshID); 
}); 

Answer 2

你提到它已經

$console.dialog("destroy");

Answer 3

試試這個：

$console.bind('dialogclose', function(event) { 
    $console.dialog("destroy"); 
}); 

或閱讀本jQuery Dialog

Answer 4

我有這個同樣的問題...

參見：

• jQuery UI dialog close doesn't clear dialog（堆棧溢出問題）

• Creating dialogs on demand（博客條目）

你需要調用$('#dialog_id').dialog("destroy");。

Answer 5

對話框不是問題 - 這是撥打電話的時間間隔。

如果你聲明refreshId做這樣的......

var window.refreshId = setInterval(function() 

然後在那裏你刪除的對話框中，添加一個clearInterval ...

$console.bind('dialogclose', function(event) { 
    $console.remove(); 
    clearInterval(window.refreshId); 
}); 

這使得可變refreshId全球，使它可以在代碼中的其他地方訪問。然後您可以使用它來清除重複呼叫的間隔。