我有一个简单的模式窗口,当点击链接时打开,当用户点击关闭按钮时关闭(在我的小提琴中表示为红色矩形)。
这是代码:
// 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');
});
}
});
我无法弄清楚为什么“关闭”按钮不起作用。