jQuery hoverIntent不工作,但是悬停确实如此

Question

我有以下代码:

$(document).ready(function(){
    $(".yearInner").hide();

    $(".year", this).hover(
        function () {
            $(".yearInner", this).slideToggle();
        }
    );

});

它用class yearInner隐藏div,然后当包含class year的包含div时,yearInner div切换为on.

工作正常,我想使用hoverIntent插件而不是悬停.使用hoverIntent完全不起作用.建议？

Div结构参考:

<div class="year">
    2009  
    <div class="yearInner">
        More Info...
    </div>
</div>
<div class="year">
    2008
    <div class="yearInner">
        More Info...
    </div>
</div>

Answer 1

您需要拆分悬停/离开回调以使用该插件,如下所示:

$(".year", this).hoverIntent(function () { 
   $(".yearInner", this).slideDown();
}, function() {
   $(".yearInner", this).slideUp("fast"); 
});

不知道为什么没有像jQuery这样的覆盖在核心中接受单个函数在两种情况下运行,但这是修复.注意:.slideToggle()仍然可以正常工作,我只是添加了一些变化.