jQueryMobile에서 pageLoading을 사용하여 UI를 차단하는 방법

Question

$.mobile.pageLoading(false)을 사용할 때 UI를 차단할 수 있습니까?

Answer 1

이 기능은 jQueryMobile Alpha 1.0a4.1에서 구현되지 않습니다.

z- 인덱스가 충분히 큰 오버레이 div를 추가하는 문제를 해결했습니다.

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- 인덱스 값 오버라이드 (override) 할 필요가 고정 바를 사용하여 사용하는 경우 :

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

을