javascript - jquery工具覆盖，如何在切换覆盖时保留蒙版

Question

我有一个关于 2 个叠加层的简单问题。一个叠加层由另一叠加层触发(并由另一叠加层触发)。由于任一时间只能有一个叠加层处于事件状态，因此触发叠加层 2 的叠加层 1 会正确关闭。然而，它带有 mask ，因此覆盖层 2 出现时没有 mask 。如何在 2 个叠加层之间切换而不使蒙版消失？

代码，覆盖 1

$("button[rel*=busy]").overlay({     

    api: true , 
    mask: {
        maskId: 'defaultMask' ,
        color: null
    },
    effect: 'apple',

    onLoad: function() {

        $.post( 'ajax_file_here.php' ,
            { var: something } ,
            function( data ){                

                if( data.status == 'confirm' ) {

                    confirmOverlay();

                } else {

                    errorOverlay();

                }              

            } ,
            'json' );

    } ,
    closeOnClick: false ,
    closeOnEsc: false ,
    close: '.noClose'       

});

并覆盖 2

var errOverlayObject = $('#error_overlay').overlay({

    api: true,      
    mask: {
        maskId: 'defaultMask' ,
        color: null
    },
    effect: "apple"

});

function errorOverlay() {

    errOverlayObject.load();

}

正如您所看到的，第二个叠加层还有一个确认版本，但其工作原理与错误版本相同。

Answer 1

我认为更简单的方法是

.overlay({
   mask: { color: '#000', opacity: '.60' },
   onLoad: function(){
       var t = $.mask;
       if(!t.isLoaded()){
            t.load();
            var ov = this.getOverlay();
            ov.css('z-index', '9999');
       }
   }
});