jquery 的hover事件闪动

今天做项目的时候发现,如果元素是浮动元素的话,用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();
				}
			);
posted @ 2018-05-29 10:57  cyany_blue  阅读(1525)  评论(0编辑  收藏  举报