.mask {
            position: absolute;
            top: 0px;
            filter: alpha(opacity=60);
            background-color: #777;
            z-index: 1002;
            left: 0px;
            opacity: 0.5;
            -moz-opacity: 0.5;
        }

<div class=mask></div>

 function showLoader(loadingText) {
        $.mobile.loading('show', {
            text: loadingText + '...', //加载器中显示的文字
            textVisible: true, //是否显示文字
            theme: 'a',        //加载器主题样式a-e
            textonly: false,   //是否只显示文字
            html: ""           //要显示的html内容，如图片等
        });

        $(".mask").css("height", $(document).height());
        $(".mask").css("width", $(document).width());
        $(".mask").show();

    }


    function hideLoader() {
        //隐藏加载器
        $.mobile.loading('hide');
        $(".mask").hide();
    }