как использовать диалоговое окно JQuery

Question

0

Я хотел использовать диалоговое окно jquery с заданным размером, поэтому я написал:

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

Но у меня была ошибка:

Невозможно вызвать методы в диалоге до инициализации; попытался вызвать метод 'option'

Поэтому я написал:

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

и это работает..

Вопрос 1: Кажется, так странно это делать, и мне интересно, нужно ли это делать так?

Вопрос 2: если у меня есть несколько вариантов, скажите "высота", какой синтаксис добавить?

Спасибо

mlwacosmos 16 дек. 2013, в 15:30

3

Это все в документации: api.jqueryui.com/dialog
Jason P 16 дек. 2013, в 14:34

Теги:

4 ответа

2

Ответ на оба вопроса: вы можете передать объект в качестве параметра:

$('#dialog').dialog({
    'width':600,
    'height':700
});

Надеюсь это поможет

DarkMantis 16 дек. 2013, в 13:30

2

Вы можете установить width диалога и другие параметры в своей инициализации.

Ваша попытка не удалась, потому что вы пытаетесь установить свойство, прежде чем создавать экземпляр плагина на элементе.

Подобно:

jQuery(document).ready(function() {
    jQuery("#dialog").dialog({
        modal: true,
        width: 600
    });
});

Irvin Dominin 16 дек. 2013, в 11:45

0

Вы можете попробовать что-то вроде этого..

$('#dialog').dialog({
    modal: true,
    width: 400,
    height: 450});

Kirk 16 дек. 2013, в 12:26

Samuel · Accepted Answer · 2013-12-16T13-30-00.000Z

$( "#dialog" ).dialog({
  width: 600,
  height:140
});