jquery - slideDown() 错误行为

Question

例子：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');

});

任何帮助深表感谢！

Answer 1

试试这个：

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

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

  }, function(){

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

 });

Answer 2

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

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

您在动画上调用停止，因此它正在触发，因为您悬停在 map_canvas 上，然后它立即调用 map_menu 上的悬停，因为它正在向上滑动。