jQuery UI Widgets Forums Navigation Menu, Context Menu I can not run any of the components

This topic contains 1 reply, has 2 voices, and was last updated by  Dimitar 10 years, 10 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • I can not run any of the components #53503

    Leandro Albano
    Participant

    I can not use any of the components.

    Could you help me?

    I’m trying the simplest features, and I am unable to make it work:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title id='Description'>jQuery Tree Sample</title>
    
        <link rel="stylesheet" href="~/jqwidgets/styles/jqx.base.css" type="text/css" />
        <script type="text/javascript" src="~/Scripts/jquery-1.11.0.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/jqxtree.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                // Create jqxTree
                $('#jqxTree').jqxTree({ height: '300px', width: '300px' });
                $('#jqxTree').bind('select', function (event) {
                    var htmlElement = event.args.element;
                    var item = $('#jqxTree').jqxTree('getItem', htmlElement);
                    alert(item.label);
                });
            });
        </script>
    </head>
    <body class='default'>
        <div id='jqxTree'>
            <ul>
                <li item-selected='true'>Home</li>
                <li item-expanded='true'>
                    Solutions
                    <ul>
                        <li>Education</li>
                        <li>Financial services</li>
                        <li>Government</li>
                        <li>Manufacturing</li>
                        <li>
                            Solutions
                            <ul>
                                <li>Consumer photo and video</li>
                                <li>Mobile</li>
                                <li>Rich Internet applications</li>
                                <li>Technical communication</li>
                                <li>Training and eLearning</li>
                                <li>Web conferencing</li>
                            </ul>
                        </li>
                        <li>All industries and solutions</li>
                    </ul>
                </li>
            </ul>
        </div>
    </body>
    </html>
    I can not run any of the components #53509

    Dimitar
    Participant

    Hello Leandro Albano,

    Please make sure the paths to the referenced style sheet and scripts are correct. Note that jQuery 1.11.0 is not included in the current version of jQWidgets (3.2.2). You can reference 1.10.2 instead:

    <script type="text/javascript" src="~/Scripts/jquery-1.10.2.min.js"></script>

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

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

You must be logged in to reply to this topic.