Страница блокировки jquery BlockUI ПОД модальным

Я пробовал почти все варианты, обсуждаемые здесь на SE, но независимо от того, какой blockUI блокирует страницу ПОД модальным окном Bootstrap. Я проверил, и модальный z-индекс равен 10050, поэтому мой код такой:

$(document).ajaxStart(function(){
App.blockUI({
boxed: !0,
baseZ:20000,
message: "Wait a sec..."
})
});

Он работает нормально, когда AJAX запрашивается на странице по умолчанию. Но когда я запускаю запрос AJAX внутри модального окна, ниже отображается весь блокUI. Я проверил это, и z-index, по-видимому, где-то около 1000. Это кажется очевидной причиной для того, чтобы спрятаться под модальным окном, но почему? Почему «baseZ: 20000» игнорируется?

С уважением Конрад Полезно Бесполезно


jquery twitter-bootstrap-3 metronic blockui
person Anghor    schedule 07.03.2016    source источник
comment
Привет, добро пожаловать в SO. С этой информацией мы не можем помочь с вашей проблемой. Покажите нам свой код так, чтобы мы могли воспроизвести его и точно понять, чего вы пытаетесь достичь. Спасибо.   -  person Cthulhu    schedule 07.03.2016
comment
Привет, спасибо за ответ. Не знаю, как показать больше кода, так как это довольно большой проект, и код имеет некоторые фрагменты по всему проекту :(   -  person Anghor    schedule 07.03.2016
comment
Попробуйте создать небольшой алгоритм только с необходимым кодом, чтобы воспроизвести вашу проблему. Как насчет создания скрипки? jsfiddle.net Иногда вы можете найти решение самостоятельно, упростив свой код.   -  person Cthulhu    schedule 07.03.2016
comment
ОК .. Я только что понял, что это тема Metronic, и они переопределяют поведение плагинов. Я нашел правильное место и изменил его там ... Не самое чистое решение, но оно работает. Должен ли я тогда удалить вопрос - какое здесь хорошее эмпирическое правило?   -  person Anghor    schedule 07.03.2016
comment
Если вы считаете, что у кого-то еще может быть такая же проблема, вы можете опубликовать ответ самостоятельно. Если вы считаете, что это что-то конкретное для вашего проекта и, вероятно, никому не пригодится, вы можете удалить свой пост. Удачи в поиске решения!   -  person Cthulhu    schedule 07.03.2016

Ответы (1)


arrow_upward
2
arrow_downward

Похоже, эта проблема связана с темой Metron.

Если вы используете их App.js, интерпретация blockUI немного изменится. Вы больше не передаете z-index для пользовательского интерфейса блока как:

$.blockUI({ baseZ: 20000, });

Они переопределили это свойство, поэтому blockUI ожидает:

$.blockUI({ zIndex: 20000, });

Это, конечно, более интуитивно понятно, но это не описано ни в одной документации Metronic, а также в документации blockUI.

person Anghor    schedule 07.03.2016