bug in jqxMenu?

[jccompagnonParticipant]

so we have a jqxMenu on top of our page:
<script>
$=jQuery.noConflict();
$(function() {
//——————————–
// menu
//——————————–
$(“.jqxMenuTop”).jqxMenu({ animationShowDuration: 300, animationHideDuration: 200, animationShowDelay: 200 });
$(“.jqxMenuTop”).jqxMenu({ autoOpen: true });
$(“.jqxMenuTop”).css(‘visibility’, ‘visible’);
$(“.jqxMenuTop”).jqxMenu({ showTopLevelArrows: true });
$(“.jqxMenuTop”).jqxMenu({ disabled: false});
$(“.jqxMenuTop”).jqxMenu({ enableHover: true });
});

</script>
<div style=” background-color: #E8E8E8;”>
<div id=”jqxWidget”>
<!– menu on the left side –>
<div id=”jqxMenuTop” class=”jqxMenuTop” style=”float: left;visibility: hidden;”>

• eBay
• Amazon
• Bonanza
• Etsy

</div>
</div>
</div>

and further bellow in our page we have a navbar
$(function() {
//===========================
// left navigation bar menu
//===========================
$(“#jqxNavigationBar”).jqxNavigationBar({ width: 200, expandMode: ‘multiple’, expandedIndexes: [2,1,0]});

});
</script>
<!– start left navigation menu –>
<div id=’jqxWidget’ style=”float: left;”>
<div id=’jqxNavigationBar’>
<div>
<div style=’margin-top: 2px;’>
<div style=’float: left;’>

</div>
<div style=’margin-left: 4px; float: left;’>Logs</div>
</div>
</div>
<div>

• Email Log

</div>
</div>
</div>

this does not load the navBar
for it to load properly we have to init the navbar BEFORE the jqxMenu

we use jqxWidget 3.2.2
in short if I put $(function() {
//===========================
// left navigation bar menu
//===========================
$(“#jqxNavigationBar”).jqxNavigationBar({ width: 200, expandMode: ‘multiple’, expandedIndexes: [2,1,0]});

});
on top of the page it then loads both but if it is bellow the jqxMenu it does not load the navBar

[jccompagnonParticipant]

I also get error:
Uncaught TypeError: Object [object global] has no method ‘toThemeProperty’ VM3652 jqxmenu.js:7

in the console

[Peter StoevKeymaster]

Hi jccompagnon,

What is the bug? How can we reproduce it? Do you know that the initialization of the widgets should be in document.ready script block?

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[jccompagnonParticipant]

my bad I thought
$(function() {
was the same as document ready ?!?!?

works now

[Author]

Posts