0

リンクがクリックされると開き、ユーザーが閉じるボタンをクリックすると閉じるシンプルなモーダルウィンドウがあります(私のフィドルでは赤い長方形で表されています)。

これが私のフィドルへのリンクです

これはコードです:

// 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');
        });
    }
});

「閉じる」ボタンが機能しない理由がわかりません。

4

1 に答える 1

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

jQuery.browser() が削除されました

jQuery.browser() メソッドは jQuery 1.3 以降非推奨となり、1.9 で削除されました。必要に応じて、jQuery Migrate プラグインの一部として利用でき ます。Modernizr などのライブラリで機能検出を使用することをお勧めします。

ソース: http://jquery.com/upgrade-guide/1.9/#jquery-browser-removed

更新されたフィドル: http://jsfiddle.net/zwN6R/31/

于 2013-03-18T14:52:20.207 に答える