javascript - IE7 中的 jQuery Lightbox 动画问题

Question

我正在使用此代码来创建叠加层和叠加框:

// GENERAL OVERLAY BOX
var isOpen = false; // STATUS OF OVERLAY BOX
function showOverlayBox() { // DISPLAY BOX
    if( isOpen == false ) return; // DO NOTHING IF NOT SET TO OPEN
    var activeTab = $(this).attr("class");
    $('.overlayBox').css({ // OVERLAY BOX POSITION
        display:'block',
        left:( $(window).width() - $('.overlayBox').width() )/2,
        top:( $(window).height() - $('.overlayBox').height() )/2 -20,
        position:'absolute'
    });
    $('.bgCover').css({ // DARK BG
        display:'block',
        width: $(window).width(),
        height:$(window).height()
    });
}
function doOverlayOpen() { // OPEN
    isOpen = true; // SET STATUS TO OPEN
    showOverlayBox();
    $('.bgCover').css({opacity:0}).animate( {opacity:0.8, backgroundColor:'#000'} );
    return false;
    }
function doOverlayClose() { // CLOSE OVERLAY
    isOpen = false; //SET STATUS TO CLOSED
        $('.overlayBox').css( 'display', 'none' );
        //$('.bgCover').animate( {opacity:0}, null, null, function() { $(this).hide(); } ); WON'T WORK IN IE7
        $('.bgCover').hide();
        }
$(window).bind('resize',showOverlayBox);// IF WINDOW IS RESIZED, REPOSITION OVERLAY
$('.launchLink').click( doOverlayOpen ); // OPEN OVERLAY WHEN a.launchLink CLICKED
$('a.closeLink').click( doOverlayClose ); // CLOSE OVERLAY WHEN a.closeLink CLICKED

在 IE7 中，打开和关闭内容框没有问题——问题出在 .bgCover 上。它将动画化，但不会使用 $('.bgCover').animate( {opacity:0}, null, null, function() { $(this).hide(); } ); 它将隐藏:$('.bgCover').hide();，但如果框覆盖再次出现，则不会重新出现。 (其他浏览器没有问题)

对正在发生的事情有什么想法吗？

Answer 1

尝试

$('.bgCover').remove();

我发现使用 hide() 在叠加层上会很麻烦。