Ridimensionare la finestra di dialogo dell'interfaccia utente di jquery con JS?
-
03-07-2019 - |
Domanda
Ancora meglio sarebbe se autoResize
nell'ultimo ramo funzionasse come previsto, ma fino ad allora la domanda è semplice: come ridimensionare una finestra di dialogo una volta creata?
Soluzione
La risposta di Soviut è corretta per v1.5. 1.6
aggiunge un'opzione
a ciascun plugin:
$(document).ready(function(){
var d = $("#example").dialog();
d.dialog("option", "width", 700);
});
Altri suggerimenti
$('#dialog').dialog().animate({width: "700px"}, 400);
L'ho usato per ridimensionare dinamicamente le finestre di dialogo.
Tutti i plug-in dell'interfaccia utente di JQuery possono avere le loro proprietà aggiornate usando .data ():
$(document).ready(function(){
var d = $("#example").dialog();
d.data("width.dialog", 700);
});
Ma i contenuti della finestra di dialogo (.ui-dialog-content) non seguono l'esempio.
Mi piace che la finestra di dialogo sia dimensionata in base ai contenuti una volta creata, quindi uso questo:
var dlg = $("#dialog");
dlg.dialog( {
width: 600,
height: dlg.height() + 100
});
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow