Диалоги jquery в режиме причуд не устанавливают высоту правильно

Question

Я пишу виджет на основе jquery, который будет размещен на сайте другой компании.Когда я пытаюсь установить высоту диалогового окна с помощью $ ('# dialog'). Height (450), он устанавливает диалоговое окно намного короче.Я могу получить высоту около 450 пикселей, используя 300 (я знаю, нет смысла).Я определил, что ошибка происходит в IE8 в режиме причуд.Да, я знаю, что jquery не поддерживает режим причуд.Я не могу изменить тип документа, поскольку это не мой веб-сайт.

Несмотря на то, что я работал, мне нужно понять, почему.Есть ли полное руководство по тому, как jquery работает в режиме причуд?

Answer 1

Вы должны стараться избегать режима причуд, если это возможно.Однако, если это не вариант, я добился успеха в этом: (я предполагаю, что вы используете jQueryUI)

$(".ui-dialog-content").css("height", "450px");

, который изменяет размер внешнего CSS диалогового окна jQueryUI.1004 *

Answer 2

Попробуйте добавить правило этого стиля и отрегулируйте высоту в соответствии с вашими требованиями:

.ui-dialog { height:700px !important; }

Открыть диалог с помощью

dialog.dialog("open");

и установите высоту диалогового окна в автоматический режим для настройки внутреннего содержимого:

dialog.css("height", "auto");

Answer 3

Вы применили заполнение к диалогу?

Боксовая модель отображается иначе, если вы используете режим причуд.

См. http://www.quirksmode.org/css/box.html