Msg#: 4399338 posted 10:27 am on Dec 19, 2011 (gmt 0)
Hi I have a website with a jquery menu on the left. When I hover over a menu item and quickly move to the middle of the page, the sub menu does not disappear, it just stays on top of the main page. I can't seem to figure out what the problem is. Do you have any ideas?
Msg#: 4399338 posted 5:15 pm on Dec 19, 2011 (gmt 0)
First, give this a stab:
$('.menu ul li ul').css('display','none');
... but I fear that may have the same effect. from the docs: [api.jquery.com]
This event type can cause many headaches due to event bubbling. For instance, when the mouse pointer moves out of the Inner element in this example, a mouseout event will be sent to that, then trickle up to Outer. This can trigger the bound mouseout handler at inopportune times. See the discussion for .mouseleave() [api.jquery.com] for a useful alternative.
Msg#: 4399338 posted 5:46 pm on Dec 19, 2011 (gmt 0)
No, it's the same problem because as soon as you move from the menu to try and select something on the level 2 pop out menu, you are leaving the element so the level 2 menu disappears when it shouldn't.