jQuery UI Widgets › Forums › Navigation › Tree › jqxTree shaking problem in IE
Tagged: horizontal
This topic contains 9 replies, has 3 voices, and was last updated by micmor 9 years, 3 months ago.
-
Author
-
In IE,when jqxTree horizontal scroll bar appears, then click the node beyond the border, the entire tree will be shaking.
Hi qjzl,
Could you share a sample of that shaking 🙂 ?
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.com<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> <script> $('#jqxTree').jqxTree({ height: '300px', theme: 'energyblue', width: '150px' }); </script>
Hi qjzl,
Such script would not work. Missing are DOCTYPE, the document.ready call, the jQWidgets references. Please, look at the Getting Started help topic about jqxTree on our Documentation page.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comThat is just part of the code.
<!DOCTYPE html> <html lang="en" class="no-js"> <head> <link href="/Scripts/jqwidgets/jqwidgets/styles/jqx.base.css" rel="stylesheet" /> <link href="/Scripts/jqwidgets/jqwidgets/styles/jqx.energyblue.css" rel="stylesheet" /> <script src="/Scripts/jqwidgets/jqwidgets/jqx-all.js"></script> <script> jQuery(document).ready(function () { $('#jqxTree').jqxTree({ height: '300px', theme: 'energyblue', width: '150px' }); }); </script> </head> <body> <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>
Hi qjzi,
Unfortunately, I don’t see any shaking in IE. Ex: http://jsfiddle.net/jqwidgets/M9KaF/
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comIn the example: http://jsfiddle.net/jqwidgets/M9KaF/
Change the width to 100px, then repeatedly click “Financial services” node.
Hi! I have the same issue but with TreeGrid and only in IE, it happens when the height of the grid is larger than the browser’s window. when you clik a row then it “jumps” to the header and get that “shaking” feeling. First I thank that was my code but it is posible too see the problem in the sample pages as well , I use the latest version of IE (11). Thank you very much in advance!
/Michel -
AuthorPosts
You must be logged in to reply to this topic.