Question

我有一个简单的模态窗口，在单击链接时打开，当用户点击关闭按钮时关闭（在我的小提琴中表示为红色矩形）。

这是代码：

// prize modal
$('.modal').on('click',function(){  
    if(!$('#prize-modal').hasClass('open')){
        $('#prize-modal').css('opacity',0.7);
        if($.browser.msie){
        $('#prize-modal').css('opacity','null').css('display','block').addClass('open');
        }else {
        $('#prize-modal').css('opacity',0).css('display','block').addClass('open').stop().animate({opacity: 1}, 500);
        }
    }
    return false;
}); 

// .close the class that you want to trigger the modal clossing

$('.close').on('click',function(){
    if($.browser.msie){
        $('.open').css('opacity','null').css('display','none').removeClass('open');
    }else {
        $('.open').stop().animate({opacity: 0}, 500,function()
        {
        $('.open').css('display','none').removeClass('open');
        });
    }
});

我无法弄清楚“关闭”按钮无法正常工作的原因。

Answer 1

`TypeError: 'undefined' is not an object (evaluating '$.browser.msie')`

jQuery.browser（）已删除

自jQuery 1.3和jQuery以来，jQuery.browser（）方法已被弃用   在1.9中删除。如果需要，它可以作为jQuery的一部分使用   Migrate plugin。我们建议对库使用特征检测   比如Modernizr。

来源：http://jquery.com/upgrade-guide/1.9/#jquery-browser-removed

更新小提琴：http://jsfiddle.net/zwN6R/31/

模态关闭按钮不起作用

1 个答案: