меню родитель-ребенок при наведении курсора - остановка анимации - jquery

Question

У меня есть этот пример здесь: http://jsfiddle.net/QRChv/

Я пытаюсь настроить его так, чтобы при наведении указателя мыши на дочерний элемент списка запускалась его анимация, но родитель не вызывал свою функцию .hover().

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

У меня есть куча операторов if для каждого элемента списка, я постарался сделать это простым.

Answer 1

Как насчет добавления звонка в stopPropagation.Примерно так:

http://jsfiddle.net/rcravens/QRChv/9/

Answer 2

Я обновил ваш код:

http://jsfiddle.net/QRChv/4/

Вам необходимо остановить распространение события, т. Е. Вернуть false из обработчика.

Вы также можете позвонить .stopPropagation() самостоятельно на event object