Jak zmienić szerokość okna dialogowego Jquery po inicjalizacji?

Question

Próbuję zmienić szerokość okna dialogowego JQuery po jego zainicjowaniu. Oto moja inicjalizacja:

$(function() { 
$("#dialogContainer").dialog({ 
title: 'Some title', 
resizable: false, 
bgiframe: true, 
overlay: { opacity: 0.3, background: "white" }, 
position: [200, 200], 
autoOpen: false, 
height: 150, 
width: 'auto' 
modal: true, 
buttons: { 
    'ok': function() { 
    $(this).dialog('close'); 
    } 
} 

});

});

I to jest to, co robię, aby zmienić szerokość nim w jakimś innym funkcji:

$("#dialogBox").dialog('option','width',700); 

Ale to nie działa. Szerokość okna dialogowego to szerokość akapitu, który po raz pierwszy się w nim wyświetla. Czy mam zrobić cokolwiek innego?

Oto html dla okna:

<div id = 'dialogContainer'> 
    <p id = 'message'></p> 
</div> 

Answer 1

Upewnij się, że używasz ui.resizable.js i ui.resizable.css

Answer 2

Spróbuj:

$("#dialogID").data("width.dialog", 160); 

Answer 3

$("#dialogID").css("width", 160); 

Answer 4

$("#dialogweb").dialog({width:'90%'}); 

Answer 5

TUTAJ JEST KRÓTKIE ROZWIĄZANIE, Ale pamiętaj er jest tylko dla predefiniowanego okna dialogowego.

$("#dialog").dialog({minHeight: 300,minWidth:500}); 

Answer 6

Inicjalizować dialogowe z opcją określoną szerokość: Szerokość okna jest w pikselach.

$("#dialogBox").dialog({ width: 500 }); 

pobrać lub ustawić opcję szerokość, po inicjalizacji:

// getter 
var width = $("#dialogBox").dialog("option", "width"); 

// setter 
$("#dialogBox").dialog("option", "width", 500); 

Źródło: http://api.jqueryui.com/dialog/

Answer 7

Działa to dla mnie. Chodzi o to, aby zmienić rozmiar po otworzyć go:

$('#dialogContainer'). 
    dialog('open'). 
    dialog('option', 'width', 'auto'). 
    dialog('option', 'height', 'auto'); 

wersja jQuery w moim przypadku jest to 1,11:

> Query.fn.jquery 
> "1.11.1"