jQWidgets Forums
jQuery UI Widgets › Forums › General Discussions › Navigation › Menu, Context Menu › PopupMenu Avoid Closing MainItems during open of SubItem in IPad
This topic contains 4 replies, has 2 voices, and was last updated by Shortyshort80 11 years, 8 months ago.
-
Author
-
December 2, 2013 at 10:18 am PopupMenu Avoid Closing MainItems during open of SubItem in IPad #45834
Hello,
i have a problem with subitems in Ipad. If I click to a mainItem in the menu the submenu opens but the mainitems will be closed. I modified you example to a popup menu.<!DOCTYPE html> <html lang="en"> <head> <meta name="keywords" content="jQuery Menu, Menu widget, Vertical Menu, Context Menu" /> <meta name="description" content="The jqxMenu provides several built-in events triggered when the user clicks an item, opens or closes a sub menu." /> <title id='Description'>In this demo is simulated the touch-device behavior of the jqxMenu.</title> <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../scripts/gettheme.js"></script> <script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxmenu.js"></script> <script type="text/javascript"> $(document).ready(function () { // Create jqxMenu var theme = ""; // create jqxMenu $("#jqxMenu").jqxMenu({ width: 350, touchMode: true, theme: theme, mode: 'popup' }); $("#open").on('mousedown', function() { $("#jqxMenu").jqxMenu('open'); }); }); </script> </head> <body class='default'> <div id='jqxWidget'> <div id="open">open</div> <div id='jqxMenu' style='display: none; top: 90px; left: 120px; position: absolute;'> <ul> <li><a href="#Home">Home</a></li> <li><a href="#Solutions">Solutions</a> <ul style='width: 180px;'> <li><a href="#Education">Education</a></li> <li><a href="#Government">Government</a></li> <li><a href="#Manufacturing">Manufacturing</a></li> <li type='separator'></li> <li>Software Solutions <ul style='width: 100px;'> <li><a href="#Mobile">Mobile</a></li> <li><a href="#RIA">RIA</a></li> </ul> </li> </ul> </li> <li><a href="#Products">Products</a> <ul> <li><a href="#PCProducts">PC products</a></li> <li><a href="#MobileProducts">Mobile products</a></li> <li><a href="#AllProducts">All products</a></li> </ul> </li> <li><a href="#Company">Company</a> <ul style='width: 100px;'> <li><a href="#About">About Us</a></li> <li><a href="#Press">Press</a></li> </ul> </li> </ul> </div> </div> </body> </html>
December 2, 2013 at 10:51 am PopupMenu Avoid Closing MainItems during open of SubItem in IPad #45843Hi Shortyshort80,
1. We will investigate the reported behavior.
2. touchMode should not be set at all. That is internal property used for Simulation only.Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comDecember 2, 2013 at 10:55 am PopupMenu Avoid Closing MainItems during open of SubItem in IPad #45844Hi Peter,
thank you for investigation. The touchMode property is not documented in the api, but in the examples I have downloaded it will be set (…\demos\jqxmenu\menumobile.htm).
Regards ShortyshortDecember 2, 2013 at 11:12 am PopupMenu Avoid Closing MainItems during open of SubItem in IPad #45852Hi Shortyshort80,
It is not documented due to the reason that the property is part of an Internal API. menumobile.htm is a deprecated sample removed from our online demos. It seems that we missed to remove it from the download.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comDecember 4, 2013 at 12:54 pm PopupMenu Avoid Closing MainItems during open of SubItem in IPad #45985Hi Peter,
are there any news to my problem?
Best Regards
Shortyshort80 -
AuthorPosts
You must be logged in to reply to this topic.