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.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author

  • Shortyshort80
    Participant

    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>
    

    Peter Stoev
    Keymaster

    Hi 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 Stoev

    jQWidgets Team
    http://www.jqwidgets.com


    Shortyshort80
    Participant

    Hi 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 Shortyshort


    Peter Stoev
    Keymaster

    Hi 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 Stoev

    jQWidgets Team
    http://www.jqwidgets.com


    Shortyshort80
    Participant

    Hi Peter,
    are there any news to my problem?
    Best Regards
    Shortyshort80

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.