jquery 的hover事件闪动

最新推荐文章于 2024-10-10 09:56:47 发布

weixin_30527143

最新推荐文章于 2024-10-10 09:56:47 发布

阅读量170

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/cyany/p/9103953.html

版权

今天做项目的时候发现，如果元素是浮动元素的话，用hover事件会产生闪动效果，不仅仅是hover事件，就连使用mouseover事件等都会出现闪动

所以注意元素不要使用浮动，换成flex布局

完美解决

// detail-popup
            // $('.home-pro-detail').mouseover(function(){
            //  $(this).parent().siblings('.detail-popup').stop().show();
            // });
            // $('.home-pro-detail').mouseleave(function(){
            //  $(this).parent().siblings('.detail-popup').stop().hide();
            // });
            $('.home-pro-detail').hover(
                function(){
                    $(this).parent().siblings('.detail-popup').stop().show();
                },
                function(){
                    $(this).parent().siblings('.detail-popup').stop().hide();
                }
            );

转载于:https://www.cnblogs.com/cyany/p/9103953.html