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