Fai in modo che la finestra di dialogo dell'interfaccia utente di JQuery cresca o si riduca automaticamente per adattarsi al suo contenuto



Answers

La risposta è impostare il

autoResize:true 

proprietà durante la creazione della finestra di dialogo. Affinché funzioni, non è possibile impostare alcuna altezza per la finestra di dialogo. Quindi, se si imposta un'altezza fissa in pixel per la finestra di dialogo nel suo metodo di creazione o tramite qualsiasi stile, la proprietà autoResize non funzionerà.

Question

Ho una finestra di dialogo dell'interfaccia utente JQuery che visualizza un modulo. Selezionando determinate opzioni nel modulo, nel modulo vengono visualizzate nuove opzioni che lo fanno diventare più alto. Ciò può portare a uno scenario in cui la pagina principale ha una barra di scorrimento e la finestra di dialogo dell'interfaccia utente JQuery ha una barra di scorrimento. Questo scenario a due barre di scorrimento è antiestetico e confuso per l'utente.

Come posso far crescere la finestra di dialogo dell'interfaccia utente JQuery (e possibilmente ridurla) per adattarla sempre ai suoi contenuti senza mostrare una barra di scorrimento? Preferirei che fosse visibile solo una barra di scorrimento nella pagina principale.




var w = $('#dialogText').text().length;

$("#dialog").dialog('option', 'width', (w * 10));

ha fatto ciò che mi serviva per ridimensionare la larghezza della finestra di dialogo.




Ho usato la seguente proprietà che funziona bene per me:

$('#selector').dialog({
     minHeight: 'auto'
});



Related