Question

我想将hoverIntent plugin添加到我的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>

但我希望hoverintent能够捕获一些不需要的行为。（多次重复等）

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); });

<击>

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

1 个答案: