Диалоговое окно jQuery UI: огромный DIV на фоне IE 8

Я пытаюсь использовать модальный диалог jQuery UI и тестировать свои вещи в IE8. Каждый раз, когда появляется диалоговое окно, на заднем плане создается огромная DIV, и IE продолжает изменять размер большого пальца вертикальной полосы прокрутки, и если в фоновом режиме была огромная загрузка страницы. В режиме совместимости IE меняет вертикальную полосу прокрутки один раз, все работает так, как ожидалось, и не похоже, что страница по-прежнему загружается. jQuery UI образец работает для меня просто отлично.

Здесь мой код:

$("#confirm_stage_change").dialog({
 autoOpen: false,
 bgiframe: true,
 modal: true,
 height: 300,
 width: 300,
 draggable: false,
 resizable: false
});

Это мой "диалог":

<div id="confirm_stage_change" title="Confirm Stage Change">
 <p>
 Hello!!!
 </p>
</div>

Здесь DIV я вижу в инспекторе:

<div style="z-index: 1001; width: 1069px; height: 20218px;" jquery1257312441701="35">
<p>Кто-нибудь видел что-то подобное?</p>
<p>Спасибо!</p>
<p>UPDATE: это происходит в режиме стандартов IE8 (XHTML 1.0 Strict: образец пользовательского интерфейса jQuery также разбивается в этом режиме), но никаких проблем в режиме IE Quirks нет.</p></div>
3 ответа

Я нашел ответ на другое сообщение: Модифицированное диалоговое окно JQuery UI использует 100% процессор

Добавьте следующий стиль.

.ui-widget-overlay 
{ 
 position: fixed; 
}


Слишком поздно, но может быть полезно для кого-то, попробуйте изменить doctype на что-то вроде:


Я не уверен, что полностью понимаю этот вопрос, но вот удар по нему:

jQuery UI Dialog widget (в модальный режим диалога) всегда помещает полный разделитель страницы над содержимым на остальной странице по умолчанию. Это нормальное поведение. Вероятно, он не появляется в режиме quirks, потому что режим quirks не поддерживается командой jQueryUI. Если вы не хотите, чтобы в диалоговом окне содержался контент, содержащий div, вы должны рассмотреть другие параметры диалога.

Что касается полос прокрутки, обычно они не отображаются из-за использования модального диалога. Однако, если ваша страница достаточно велика, чтобы вызвать прокрутку до появления диалогового окна, тогда браузеры будут реагировать по-разному во всех случаях.

licensed under cc by-sa 3.0 with attribution.