Модальное диалоговое окно пользовательского интерфейса jQuery без наложения

Я экспериментировал с модальным диалоговым окном jQuery UI, оно кажется очень красивым, однако не совсем то, что мне нужно - есть ли возможность открыть диалоговое окно без серого наложения, отключающего фон? Что-то вроде этого:

http://demos.kendoui.com/web/window/index.html (но телерик дороговат, мне пока что нужно что-то с открытым исходным кодом)

Спасибо,


person Amc_rtty    schedule 18.11.2012    source источник


Ответы (3)


Да, это возможно, и вы не должны были сталкиваться с такой проблемой, поскольку это поведение диалогового окна по умолчанию:

modalType: логический

По умолчанию: ложь

Если установлено значение true, диалоговое окно будет иметь модальное поведение; другие элементы на странице будут отключены, т. е. с ними нельзя будет взаимодействовать. Модальные диалоги создают наложение под диалогом, но над другими элементами страницы.

Попробуйте установить для параметра modalType значение false.

РЕДАКТИРОВАТЬ:

modalType переименовывается в modal только в jQuery UI 1.10.

person gotqn    schedule 18.11.2012

Если вы хотите сохранить модальную функциональность, вы можете изменить стиль наложения фона, настроив класс .ui-widget-overlay в jqueryui css или используя themeroller, раздел Modal Screen for overlays.

Если вам не нужна модальная функция, просто измените атрибут modalType.

person Irvin Dominin    schedule 18.11.2012

Самый простой способ, который я знаю, это:

$( ".selector" ).dialog({ modal: true }); // with the overaly

$( ".selector" ).dialog({ }); //without the overlay
person James Drinkard    schedule 12.09.2014