dropdown-menu disappear after clicking on the menu item

[douglas168Participant]

Hi,

On jqxMenu component, I have a menu item with dropdown-menu. If I hover over the menu item, the dropdown menu appears which is good. However, if I click on the menu item, the dropdown menu disappears and click again on the menu item the dropdown menu DOES NOT appear. If I move the mouse out of the menu item and hover over it again, the dropdown menu reappears.

Is there any way to have jqxMenu either

1- not able to click on the menu item (kind like jqxWidget web page’s menu bar)
2- click once on the menu item and dropdown menu disappear and click again the dropdown menu disappear

Appreciate the help!

[HristoParticipant]

Hello douglas168,

Could you clarify it?
It will be better if you can provide me an example (https://www.jseditor.io/ or https://fiddle.jshell.net/) for better analyze.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[douglas168Participant]

Hi Hristo,

I can use the following link to demostrate the issue.

http://jsfiddle.net/jqwidgets/jmAuH/

If mouse hover over ‘products’ the dropdown list appears
If I left click on ‘products’ once, the dropdown list dissappear
If I left click on ‘products’ once again, the dropdown list DOES NOT re-appear.
Once if mouse move out and hover over ‘products’ again would the dropdown list appear again.

Is there any way to have jqxMenu either

1- not able to click on the menu item (kind like jqxWidget web page’s menu bar)
2- click once on the menu item and dropdown menu disappear and click again the dropdown menu disappear

[HristoParticipant]

Hello douglas168,

You could achieve this as you bind to itemclick event to catch when click on it and after that to use the openItem method of the jqxMenu.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts