jquery BlockUI block page Под модальным

Я пробовал почти каждый вариант, обсуждаемый здесь на SE, но независимо от того, какой blockUI блокирует страницу под модальным способом Bootstrap. Я проверил и г-индекс модальных 10050 так что мой код так:jquery BlockUI block page Под модальным

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

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

С наилучшими пожеланиями Konrad

источник

2016-03-07 Anghor

Привет, добро пожаловать в SO. С этой информацией мы не можем с этим справиться. Покажите нам свой код таким образом, чтобы мы могли его воспроизвести и точно понять, что вы пытаетесь выполнить. Благодарю. – Cthulhu

Привет, Спасибо за ответ. Не знаю, как показать больше кода, так как это довольно большой проект, а код имеет несколько бит и частей по всему проекту :( – Anghor

Попробуйте создать небольшой алгоритм с помощью всего лишь необходимого кода для репликации вашей проблемы. fiddle? https://jsfiddle.net/ Иногда вы можете найти решение самостоятельно, упрощая свой код. – Cthulhu

Эта проблема, как представляется, Metronic Тема выпуска.

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

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

Они переопределены это свойство так blockUI является expeting:

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

Это, конечно, более интуитивным, но это не так описанных в любых документах Metronic и против blockUI-документов.

источник

2016-03-07 16:16:54 Anghor

ответ

Смежные вопросы