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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM