Javascript JQuery动画覆盖问题

Javascript JQuery动画覆盖问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,你好,我有一个奇怪的问题,我有一个动画,打开了一个网站的顶部,但是在它打开后,没有一个链接,在覆盖下似乎工作。我创建了一个JSFIDLE来演示这个问题 var removewenopen=true;var done=false; var定时器0; jQuery(文档).ready(函数(){ $('#doors')。悬停(函数(){ jQuery(“#门左”).stop().animate({left:-500},1500,function(){if(removeWhenOpen)$(this

你好,我有一个奇怪的问题,我有一个动画,打开了一个网站的顶部,但是在它打开后,没有一个链接,在覆盖下似乎工作。我创建了一个JSFIDLE来演示这个问题

var removewenopen=true;var done=false;
var定时器0;
jQuery(文档).ready(函数(){
$('#doors')。悬停(函数(){
jQuery(“#门左”).stop().animate({left:-500},1500,function(){if(removeWhenOpen)$(this.remove();done=true;});
jQuery('#door right').stop().animate({right:-500},1500,function(){if(removeWhenOpen)$(this.remove();});
var timer0=setTimeout(函数(){
jQuery('#ladyonthelake').stop().animate({opacity:0},2000);
}, 5);
},函数(){
jQuery('#door left').stop().animate({left:0},250);
jQuery('#door right').stop().animate({right:0},250);
如果(!完成){
if(timer0)clearTimeout(timer0);
jQuery('#ladyonthelake').stop().fadeIn();
}
})
});
任何帮助都将不胜感激,因为我总是按时完成任务,所以任何人能提供的一切都将是伟大的

谢谢
Bryan

你忘了删除
$(“#门”)
你忘了删除
$(“#门”)
你的问题是动画完成后没有删除doors div,导致链接上方有一个绝对位置的元素阻碍了点击

加上这个

jQuery('#door-left').stop().animate({left:-500}, 1500, function() { if (removeWhenOpen) $("#doors").remove(); done=true; });
小提琴:

您的问题是,动画完成后,doors div没有被移除,导致链接上方有一个绝对定位的元素阻碍了可点击性

加上这个

jQuery('#door-left').stop().animate({left:-500}, 1500, function() { if (removeWhenOpen) $("#doors").remove(); done=true; });
小提琴: