使jQuery對話框的大小和位置非持久

Question

好吧，這就是我想要實現的和我面臨的問題。要遵循的步驟是：

1. 打開一個對話框
2. 拖動它周圍和/或重新大小的對話框
3. 再次關閉對話框
4. 打開對話框。

對話框從上次關閉的位置開始打開，大小是上次重新設置的大小。我不想讓對話以這種方式行事。我希望它在每次打開時都以自動寬度爲中心定位。我在對話框的init中提供了位置：'center'和width：'auto'，但它似乎沒有幫助。

jQuery的版本：1.7.1 jQuery UI的版本：1.8.17 瀏覽器：IE9/IE8

下面是HTML：

<div class='mydialog'></div> 
<a href='#' id='one'>test1</a> 

這裏是對話本身的代碼：

$(function(){ 
    var theDialog = $(".mydialog").dialog({ 
     autoOpen: false,    
     modal: true, 
     width: 'auto', 
     position: 'center',    
    }); 

    $('#one').click(function(){ 
     theDialog.html('some random text').dialog("option", "title", "Dynamic Title").dialog('open'); 
    }); 
}); 

我試過搜索解決方案，但找不到任何解決方案。我知道這可能會違反直覺，但這是必需的。

Answer 1

您是否嘗試過使用在文檔在這裏列出的關閉事件：

http://jqueryui.com/demos/dialog/

你可以這樣做：

$(".mydialog").dialog({ 
    close: function(event, ui) { 
     $(this).dialog("destroy"); 

    } 
}); 

根據文檔destroy刪除對話框功能完全。這會將元素返回到其初始狀態。

您可能需要初始化click事件上的對話框，以便每次單擊鏈接時都會重新初始化該對話框。

或者，您可以在點擊事件上使用return false;以防止不需要的行爲。