slideDown()有缺陷的行为

时间:2012-06-29 17:39:55

标签: jquery

示例:http://83.254.82.145:8080/android/

查看地图底部的菜单。尝试从底部移动光标。它为什么会立即显示?与animate()slideDown()相同的结果。

$('#map_canvas, #map_menu').hover(function(e){

    $('#map_menu').stop(true, true).slideDown(200, 'easeOutCubic');

}, function(){

    $('#map_menu').stop(true, true).delay(500).slideUp(500, 'easeInCubic');

});

非常感谢任何帮助!

2 个答案:

答案 0 :(得分:1)

试试这个:

 $('#mapbackground').hover(function(e){

    $('#map_menu').stop(true, true).slideDown(200, 'easeOutCubic');

  }, function(){

    $('#map_menu').stop(true, true).delay(500).slideUp(500, 'easeInCubic');

 });

答案 1 :(得分:1)

我相信你的问题在于这个功能:

$('#map_canvas, #map_menu').hover( ...

你正在调用停止动画,所以它正在开火,因为你正在徘徊在map_canvas上,然后它立即调用map_menu上的悬停,因为它正在向上滑动。