Как заблокировать пользовательский интерфейс, используя pageLoading в jQueryMobile

Question

Возможно ли заблокировать интерфейс при использовании $.mobile.pageLoading(false)?

Answer 1

Эта функция не реализована в jQueryMobile Alpha 1.0a4.1.

Я решил проблему с добавлением оверлея div с достаточно высоким z-индексом.

JS:

$(document).ready(function () {         
    $('body').append('<div id="block-ui"></div>');      

    $('#ajax_request').click(function(){        
        $('#block-ui').show();
        $.mobile.pageLoading(false);
    });
});

CSS:

#block-ui {
    display: none;
    cursor: wait;
    position: absolute;
    top: 0px;
    left: 0px;  
    width: 100%;
    height: 100%;
    z-index: 9; 
    background-color: #CCCCCC;
    opacity: 0.5;
}

Есливы используете фиксированные бары, вам нужно переопределить значение z-index:

.ui-header-fixed, .ui-footer-fixed {
    z-index: 8 !important;
}