今天做項目的時候發現,如果元素是浮動元素的話,用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();
}
);