2016-10-09 95 views
0

我目前有很多代碼,因此手動執行此操作是不可行的,但是當任何元素都懸停時,我需要按比例縮放。顯然這對於​​CSS來說並不難,但是當父元素懸停狀態仍然存在時,我們遇到了一些問題。所以如果孩子徘徊,父母和孩子都會被放大。使用jQuery對於特定的孩子和父母來說並不難,但不可能爲每個父母和孩子元素編寫代碼。Jquery懸停孩子,否定父項懸停效果

我在問的是,有沒有一種方法使用jquery使其在任何元素懸停時增加了css,而且在懸停子項時還會消除父懸停效果。所以如果孩子被懸停,父母懸停效果將被刪除。 Adblock執行此操作。一個GIF解釋我是什麼意思 - https://gyazo.com/c9348ba943cace723e569e4ace69dd62

+0

複製 - http://stackoverflow.com/questions/17981405/css-jquery-hover-affect -only-徘徊元件和 - 不親 – pol

回答

1

此代碼奇效

$("div").hover(
function (e) { 
    e.stopPropagation(); 
    $(this).addClass('active').parents().removeClass('active'); 
}, 
function (e) { 
    $(this).removeClass('active').parent().addClass('active'); 
} 
); 

https://stackoverflow.com/a/32492163/6677578