Redimensionner la boîte de dialogue de l'interface utilisateur jquery avec JS?

Question

Encore mieux serait si autoResize dans la dernière branche fonctionnerait comme prévu, mais jusque-là la question est simple: comment redimensionner une boîte de dialogue une fois qu'il est créé?

Answer 1

La réponse est de Soviut est correct pour v1.5. 1.6 ajoute une méthode option à chaque plugin:

$(document).ready(function(){ 
    var d = $("#example").dialog(); 
    d.dialog("option", "width", 700); 
}); 

Answer 2

Tous les plugins JQuery UI peuvent avoir leurs propriétés mises à jour à l'aide .data():

$(document).ready(function(){ 
    var d = $("#example").dialog(); 
    d.data("width.dialog", 700); 
}); 

Answer 3

Mais le contenu de la boîte de dialogue (.ui-dialog-content) ne suit pas.

Answer 4

J'aime avoir la boîte de dialogue de taille au contenu lors de sa création, donc j'utilise ceci:

var dlg = $("#dialog"); 
dlg.dialog({ 
    width: 600, 
    height: dlg.height() + 100 
    }); 

Answer 5

$('#dialog').dialog().animate({width: "700px"}, 400); 

Je l'ai utilisé cela pour les boîtes de dialogue de redimensionnement dynamique.