リンクがクリックされると開き、ユーザーが閉じるボタンをクリックすると閉じるシンプルなモーダルウィンドウがあります(私のフィドルでは赤い長方形で表されています)。
これはコードです:
// 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');
});
}
});
「閉じる」ボタンが機能しない理由がわかりません。