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

我想在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>

$（文档）.ready（函数（）{
$（“.mix下载详细信息”）.hide（）
$（“.mix下载a”）.mouseover（函数（）{
$（“.mix下载详细信息”）。向下滑动（200）
});
$（“.mix下载a”）.mouseout（函数（）{
$（“.mix下载详细信息”）.slideUp（200）
});
});

---

但我希望悬停者能够捕捉到一些不必要的行为。（多次重复等）

您可以这样使用hoverIntent：

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

虽然hoverIntent会阻止动画堆叠，但我还是建议在动画之前添加：

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

---

当你使用

.stop（）

制作动画时，你几乎总是需要

.stop（true）

从队列中删除动画，在这种情况下你需要这样做。谢谢你-所以它不用于mouseover/mouseout？实际上.stop（）似乎增加了一些奇怪的副作用。如果用户悬停并且动画开始，那么在下一次悬停完成之前停止悬停（即：下半程），它只会到达半程…好的，忽略该部分。NoHoverIntent不会覆盖

mouseover

/

mouseout

，这可能是一件好事。