Using jQuery UI Menu on hover not working for submenu

Question

I am using jQuery UI Menu plugin in my app. I got one issue.

In sub-menu (2nd level) If I hover mouse repetitively on single Sub menu item then sometime Hover action not happened.

ITEM 1

ITEM 2

ITEM 3 -> ITEM 3-1 

          ITEM 3-2     


ITEM 4

ITEM 5

Explaining the scenario here :

I copied demo example from here http://api.jqueryui.com/menu/#entry-examples and added one more sub menu level under Item 3-2 . Now hover the mouse on Item 3-2 next level come up but If I do hover repetitively then at certain point on hover the next level not came up.

To reproduce this issue follow this steps

Mouse over on Item 3 – this displays Menu
Mouse over on Item 3-2 – Sub menu appears
Mouse out from the sub menu – But, don’t click outside of the menu, so that Item 3 menu still open.
Now Mouse over on Item 3-2 (select the same item selected in step – 2 , Do repetitively on this menu item and check) – Sub menu is not coming.

updated jsfiddle link here .. Please check the example jsfiddle.net/gokul2287/qy332 — Gokul
– Gokul, Commented Jun 9, 2014 at 12:17
@rjdmello: Same thing happen here too.. try to reproduce above issue. mouse hover on item 3-2 repetitively .. at certain point hover not happen — Gokul
– Gokul, Commented Jun 9, 2014 at 12:25
Hello The issue exist in jQuery UI Menu and for to resolve this ticket has raised. please check here. forum.jquery.com/topic/problem-in-jquery-ui-menu-on-hover — Gokul
– Gokul, Commented Jun 19, 2014 at 11:21

raskalbass · Accepted Answer · 2014-06-09 12:26:34Z

2

The mouseleave event bound to the root menu should run collapseAll( event, true ), not just be bound directly to collapseAll(), eg.

@ line 102 of jquery.ui.menu.js

            mouseleave: "collapseAll",
            mouseleave: function( event ){
                this.collapseAll( event, true );
            },

answered Jun 9, 2014 at 12:26

raskalbass

7404 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Gokul Over a year ago

tried but not working same issue again. did not understand the root cause

Collectives™ on Stack Overflow

Using jQuery UI Menu on hover not working for submenu

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related