Как изменить ширину диалогового окна Jquery после инициализации

Question

Я пытаюсь изменить ширину диалогового окна JQuery после его инициализации. Вот моя инициализация:

$(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');
  }
}

});

});

И это то, что я делаю, чтобы изменить ширину в другой функции:

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

Но это не работает. Ширина диалогового окна - это ширина абзаца, который сначала отображается в нем. Я должен был сделать что-нибудь еще?

Вот HTML-код для диалога:

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

Answer 1

Убедитесь, что вы используете ui.resizable.js и ui.resizable.css

Answer 2

Инициализировать диалог с указанным параметром ширины: Ширина диалога в пикселях.

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

Получить или установить параметр ширины после инициализации:

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

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

Источник: http://api.jqueryui.com/dialog/

Answer 3

ЗДЕСЬ КРАТКОЕ РЕШЕНИЕ, но помните, что это только для предопределенного диалога.

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

Answer 4

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

Answer 5

Попробуйте это:

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

Answer 6

Это работает для меня. Суть в том, чтобы изменить размер после открыть его:

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

jQuery версия в моем случае - 1.11:

> Query.fn.jquery
> "1.11.1"

Answer 7

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