Próbowałem już prawie każdej omawianej tu opcji na SE, ale bez względu na to, co blockUI blokuje stronę w ramach modu Bootstrap. Sprawdziłem i indeks z-modala wynosi 10050, więc mój kod wygląda następująco:
$(document).ajaxStart(function(){
App.blockUI({
boxed: !0,
baseZ:20000,
message: "Wait a sec..."
})
});
Działa poprawnie, gdy AJAX jest wymagana domyślniestrona. Ale kiedy uruchamiam kwerendę AJAX wewnątrz modalu, cały blokUI jest wyświetlany poniżej. "Sprawdziłem to i z-index jest najwyraźniej gdzieś około 1000. To wydaje się być oczywistym powodem ukrywania się pod modalem, ale dlaczego? Dlaczego "baseZ: 20000" jest ignorowane?
Z poważaniem Konrad
Odpowiedzi:
2 dla odpowiedzi № 1Ten problem wydaje się być tematem Metronic Theme.
Jeśli używasz ich App.js, istnieje niewielka zmiana sposobu interpretacji blokuUI. Już nie przekazujesz z-index dla bloku ui jako:
$.blockUI({
baseZ: 20000,
});
Oni przedefiniowali tę właściwość, więc blockUI przepada:
$.blockUI({
zIndex: 20000,
});
To oczywiście jest bardziej intuicyjne, ale nie jest opisane w żadnych dokumentach Metronic i dokumentach blokUI.