Если вы используете .hover()
, это также повлияет на родителя, поскольку именно так работают события mouseenter
и mouseleave
, например:
$("li").hover(function() {
$(this).toggleClass("active");
});
Вы можете попробовать здесь , в отличие от mouseover
и mouseout
, события не срабатывают при входе / выходе из детей, поэтому действие, предпринятое для родителя, не выполняется.«отменять» до тех пор, пока вы фактически не оставите родителя, что, похоже, является тем, что вам нужно.
Или используйте чистый CSS, если вы просто делаете стили, как это (не работает вIE6):
li:hover > a { color: red; }
Вы можете проверить это здесь .