Как мне справиться с потерей модального диалога в jQuery UI?

Question

При http://jqueryui.com/demos/dialog/#modal-form, есть пример модального диалога;когда вы нажимаете «Создать нового пользователя», он отображает модальное диалоговое окно и затемняет все, кроме диалогового окна.

В моей работе, основанной на этом, я указал «modal: true», и появляется модальное диалоговое окно.и исчезает соответствующим образом, но больше ничего не выделяется серым цветом;остальная часть экрана выглядит как раньше.

Нужно ли применять дополнительный CSS или подавать изображение?Краткий взгляд на пример исходного кода не прояснил, что мне нужно добавить, чтобы он затенял фон.

Если мне нужно предоставить другой статический контент, как я могу его обслуживать?под Django / статическим / деревом?Другими словами, нужно ли мне создавать / foo / и / bar / дополнительные каталоги статического контента, или он будет работать с подкаталогами / static /?

Answer 1

Когда вы передаете modal:true в качестве одного из параметров пользовательского диалога, должен быть наложенный элемент div, созданный с высоким z-индексом и присвоенный ему имя класса ui-widget-overlay.Если вы решили написать свои собственные таблицы стилей, а не использовать одну из доступных в качестве шаблона, возможно, вам просто нужно определить класс ui-widget-overlay в ваших таблицах стилей, установить его непрозрачность и т. Д.

Answer 2

У вас есть соответствующие файлы темы в правильном месте на сервере? Если вы не используете стандартную тему по умолчанию, вы можете создать свою собственную, используя ролик тем пользовательского интерфейса jQuery.