javascript - jQuery取消快速悬停 Action 列表的下拉/滑动

Question

当鼠标只在悬停区域时，有没有办法取消列表的下拉？

当鼠标在 UL 上大约一秒钟时，我想下拉/向下滑动列表。

干杯

Answer 1

您最好在点击时而不是在悬停时切换下拉菜单。 This解释原因。

如果您必须在悬停时执行此操作，您可以简单地设置一个计时器。

$('.myElement').hover(function() {
    var myElement = $(this);
    setTimeout(function() {
        if(myElement.is(':hover'))
        {
            // Do drop down here
        }
    }, 1000);
})

编辑:这可能不适用于 jQuery 1.8，另一种方法是使用类:

$('.toggleDropdown').hover(function() {
    $('ul', this).addClass('hover');
    setTimeout(function() {
        $('.hover').stop().slideDown(500);
    }, 1000);
}, function() {
    $('ul', this).removeClass('hover');
})

像这样:JSFiddle .