2011-06-14 78 views
0

here's the page使用时间的下拉菜单

我试图拖延的下拉菜单,以便用户有几秒钟的mousover其原因有触发菜单和菜单元素之间的空间本身。

$("#menu").hover(
    function(){ $("#dropdown").fadeIn(); }, 
    function(){ $("#dropdown").fadeOut(); }} 
); 

这工作得很好,但是当我将鼠标放置到它消失后的菜单,我的目的是要抓紧时间,为用户把光标放在它,它仍然存在。那么在jQuery中做到这一点的最佳方式是什么?

+2

衰落之前,你可能要考虑支持点击,以及。手指驱动设备很少支持悬停事件。 – 2011-06-14 17:04:50

回答

1
+0

我没有使用单个元素,而是一个鼠标悬停侦听器和光标位于此上时出现的div。我弄乱了标题,我的真正目的是避免鼠标触发功能(悬停中的第二个回调),如果鼠标碰到下拉菜单。 – user544262772 2011-06-14 17:22:41

+0

我的不好,这是一个很好的资源:)我终于得到我想要的!谢谢 – user544262772 2011-06-14 17:43:40

0

如果有什么你要求的是耽误了fadeOut的方式,那么你可以使用jQuery的delay功能:

$("#dropdown").delay(1000).fadeOut();

将由1秒的延迟褪色。

0

可以使用

$("#dropdown").delay(1000).fadeOut(1000); 

这将暂停1000毫秒1000毫秒