Jquery的：灯箱自动关闭:(

Question

灯箱以秒自动关闭你能帮助我，请

$(document).ready(function(){ 
    $('.lightbox').click(function(){ 
     $('.backdrop, .box').animate({'opacity':'.50'}, 300, 'linear'); 
     $('.box').animate({'opacity':'1.00'}, 300, 'linear'); 
     $('.backdrop, .box').css('display', 'block'); 
    }); 

    $('.close').click(function(){ 
     close_box(); 
    }); 

    $('.backdrop').click(function(){ 
     close_box(); 
    }); 

}); 

function close_box() 
{ 
    $('.backdrop, .box').animate({'opacity':'0'}, 300, 'linear', function(){ 
     $('.backdrop, .box').css('display', 'none'); 
    }); 
} 

CSS

.backdrop 
    { 
     position:absolute; 
     top:0px; 
     left:0px; 
     width:100%; 
     height:100%; 
     background:#000; 
     opacity: .0; 
     filter:alpha(opacity=0); 
     z-index:50; 
     display:none; 
    } 


    .box 
    { 
     position:absolute; 
     top:20%; 
     left:30%; 
     width:500px; 
     height:300px; 
     background:#ffffff; 
     z-index:51; 
     padding:10px; 
     -webkit-border-radius: 5px; 
     -moz-border-radius: 5px; 
     border-radius: 5px; 
     -moz-box-shadow:0px 0px 5px #444444; 
     -webkit-box-shadow:0px 0px 5px #444444; 
     box-shadow:0px 0px 5px #444444; 
     display:none; 
    } 

    .close 
    { 
     float:right; 
     margin-right:6px; 
     cursor:pointer; 
    } 

HTML

<a href="" class="lightbox">Open Lightbox</a> 

<div class="backdrop"> 
    <div class="box"><div class="close">x</div>This is the lightbox!!!</div> 
</div> 

DEMO

Answer 1

酪氨酸与此代码http://jsfiddle.net/sweetmaanu/yx6W3/

Answer 2

这种情况发生的形式重装（回传发生）......防止它通过添加“返回false”你的代码......所以你的代码会像..

$('.lightbox').click(function(){ 
      $('.backdrop, .box').animate({'opacity':'.50'}, 300, 'linear'); 
      $('.box').animate({'opacity':'1.00'}, 300, 'linear'); 
      $('.backdrop, .box').css('display', 'block'); 
      return false; 
     });