Как сделать JQuery всплывающее окно шире, чем по умолчанию?

Question

Я работаю на этой тестовой странице: http://www.problemio.com/test.php

Если вы нажмете ссылку для входа, вы увидите, что она выглядит красиво и аккуратно и вписывается в ширину по умолчанию.

Но если щелкнуть ссылку «создать профиль», вы увидите, что всплывающее окно слишком узкое, чтобы вместить все поля формы и текст.

Я попытался сделать его шире, придав некоторый стиль содержащемуся div, как это, но это только сделало div более широким, но не открывало всплывающее окно.

Как я могу контролировать стилизацию и ширину / высоту всплывающего окна, созданного jQuery? Спасибо!

Answer 1

Вы можете указать высоту и ширину в аргументах.

$( ".selector" ).dialog({ height: 530, width: 600 });

Взгляните на опции .

Answer 2

Вы даже можете изменить ширину по умолчанию, перейдя в «jqueryui.css»
и измените свойство ширины на .ui-dialog

.ui-dialog { position: absolute; padding: .2em; width: XXXpx; overflow: hidden; }

это меньше кода js каждый раз, когда вы открываете диалоговое окно