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

发布于 2024-12-16 11:18:43 字数 622 浏览 2 评论 0原文

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

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

原文

I would like to add the hoverIntent plugin to my jQuery code to make things a little smoother, but I just can't figure out how to do so.

My jQuery is already working as it should;

<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>

But I would like the hoverintent to catch some of the unwanted behaviour. (multiple repeats etc.)

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

云之铃。 2024-12-23 11:18:43

您可以像这样使用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); });~~

You use hoverIntent like so:

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

~~Although hoverIntent should prevent animation stacking, I'd recommend adding stop() before the animations as well:~~

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

回复收藏 0 原文

~没有更多了~