jQuery UI Widgets › Forums › Navigation › Menu, Context Menu › I can not run any of the components
Tagged: Components, demo, jQuery, version, Widget
This topic contains 1 reply, has 2 voices, and was last updated by Dimitar 10 years, 10 months ago.
-
Author
-
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>
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,
DimitarjQWidgets team
http://www.jqwidgets.com/ -
AuthorPosts
You must be logged in to reply to this topic.