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

Question

Ce serait encore mieux si autoResize dans la dernière branche fonctionnait comme prévu, mais jusque-là, la question est simple: comment redimensionner un dialogue une fois créé?

Answer 1

La réponse de Soviut est correcte 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

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

Je l'ai utilisé pour redimensionner dynamiquement les boîtes de dialogue.

Answer 3

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

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

Answer 4

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

Answer 5

Je souhaite que la boîte de dialogue soit dimensionnée au contenu lorsqu'elle est créée, donc je l'utilise:

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