Как я могу сделать это так, что когда я наведите курсор мыши на один из моих временной шкалы пунктов и перейти к выпадающего меню, то MouseLeave событие не срабатывает, и меню будет продолжать показывать. Только когда вы покидаете меню и пункт временной шкалы, я хочу, чтобы меню не отображалось.Как остановить событие mouseleave при вводе другого элемента?
MouseEnter и MouseLeave события устанавливаются на:
$(".trek_timeline_day .activity_link")
Поместите график и меню в один DIV и регистрирует события для всего дел. Так что-то вроде этого:
<div class="wholediv">
<div class="timeline">...</div>
<div class="menu">...</div>
</div>
, а затем:
$('.wholediv' ). etc.
я, к сожалению, не могу этого сделать из-за другие ограничения. Если бы я сделал это, мои меню были бы отрезаны с переполнением скрытого свойства css. –
Я думаю, что вы можете переопределить это свойство css, не так ли? – benestar
Нет, я не могу, так как это дочерний элемент моей временной шкалы. –
Я рекомендую использовать некоторые формы JQuery меню Aim, похожий на Amazonish смарт меню Бен Каман в - http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown
Если вы положили .hover_info div внутри .activity_link (так что есть .hover_info внутри каждого .activity_link), событие mouseleave не будет запущено, когда вы введете .hover_info, потому что он находится внутри элемента .activity_link.
Как уже упоминалось в другом комментарии, я не могу этого сделать, потому что мое меню будет отключено. Любые другие решения? –
Если это проблема, я хотел бы предложить вам реорганизовать свой код, потому что я не могу думать о какой-либо способ, который был бы проблемой, если вы просто написать HTML и CSS в надлежащей форме. Если вам нужна помощь, бросьте ее на jsbin или jsfiddle или что-то в этом роде, и я буду более чем счастлив помочь вам. – chrisbuchholz
может у показать мне jsfiddle для этого – Sudarshan