JQuery удалить добавить классы при наведении

Question

Хорошо, так что я нашел код, и он, кажется, работает, но мне нужно добавить что-то к этому коду, чтобы он не срабатывал, если я наведу курсор на его дочерний элемент меню / подменю, но все еще должен срабатывать при наведении курсорадругие пункты или другие элементы детского меню Это текущий скрипт

$(document).ready(function() {     
   $("#navbar li:hover, #navbar li:sfhover").hover(function(){     
       $('#navbar .current-menu-parent, #navbar li.current-menu-item').addClass("non-ahover");    
   },     
   function(){    
       $('#navbar li.current-menu-parent, #navbar li.current-menu-item').removeClass("non-ahover");     
    });
}); 

Так что мое текущее активное меню будет иметь либо .current-menu-parent, либо .current-menu-item.Мое подменю начинается с класса

• , а класс подменю -
  • для его элементов.

    Так что моя проблема в том, что когда я нахожу курсор мыши на свое подменю, которое активируется одним из его пунктов, являющимся текущей страницей, или родительской страницей, которая просматривается, скрипт запускается выше и вызывает уродство, есть ли фрагмент кода, который я могу вставить внутрьэтого сценария, который останавливает вызов, если текущее подменю является видимым, поэтому оно не применяет класс, который хочет применить сценарий?

    Я знаю, что это может немного сбить с толку, но если вам вообще нужны пояснения, пожалуйста, дайтеЯ знаю, и я буду помогать как можно лучше.

Answer 1

1. Привязать обработчик событий к детям
2. Иметь этот обработчик вызова stopPropagation ()

http://api.jquery.com/event.stopPropagation/