jquery - 对 hoverIntent 感到困惑 - 如何将其添加到 mouseover 和 mouseout？

Question

我想将hoverIntent 插件添加到我的 jQuery 代码中，以使事情变得更顺畅，但我不知道该怎么做。

我的 jQuery 已经可以正常工作了；

<script type="text/javascript">
    $(document).ready(function(){       
        $(".mix-download-details").hide()
        $(".mix-download a").mouseover(function(){
            $(".mix-download-details").slideDown(200)
        });
        $(".mix-download a").mouseout(function(){
            $(".mix-download-details").slideUp(200)
        });
    });
</script>

但我希望悬停意图捕捉一些不需要的行为。（多次重复等）

Answer 1

你像这样使用 hoverIntent ：

$(".mix-download a").hoverIntent(function(){
    $(".mix-download-details").slideDown(200);
}, function(){
    $(".mix-download-details").slideUp(200);
});

虽然 hoverIntent 应该防止动画堆叠，但我建议stop()在动画之前添加：

$(".mix-download a").hoverIntent(function(){
    $(".mix-download-details").stop().slideDown(200);
}, function(){
    $(".mix-download-details").stop().slideUp(200);
});