2016-10-09 13 views
0

私は現在、多くのコードを持っているため、手動でこれを実行するのは実現不可能ですが、どの要素も上にホバリングしたときにサイズを変更する必要があります。明らかにCSSでは難しいことではありませんが、親要素のホバー状態が残っているときに、子要素が表示されるときに問題が発生しました。したがって、子供が去勢された場合、親と子は両方ともスケールアップされます。 jqueryを使用すると、特定の子および親に対しては難しくありませんが、各親および子要素に対してコードを記述することはできません。Jquery hover子、親のホバー効果を無効にする

jqueryを使用してそれを作成する方法はありますか?cssを追加するだけでなく、子供のホバリングが親のホバー効果を削除するときもそうです。したがって、子供が上に乗ると、親のホバー効果は取り除かれます。 Adblockはこれを行います。 GIFは、私が何を意味するかを説明 - https://gyazo.com/c9348ba943cace723e569e4ace69dd62

+0

重複に不思議

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

クレジットを働いた - http://stackoverflow.com/questions/17981405/css-jquery-hover-affect一人ひとりの親要素と親でない要素 – pol

答えて

関連する問題