Not sure which forum to post this in, so I will try and post it in 2 forums.
Could someone please explain to me why my jquery flyout menu works perfectly fine in google chrome, but in IE8, it throws errors? I abandoned my javascript flyout menu for the whole purpose of getting jquery because of the cross browser compatibility. Anyways, I will tell you what is going on here and if someone with some knowledge could explain to me why I am getting errors, I would greatly appreciate it.
When I click on a main menu tab, I get redirected no problem, but click on a submenu tab and I get this error:
Microsoft JScript runtime error: Object doesn't support this property or method
AND HERE IS THE CODE THAT IS HIGHLIGHTED FOR THE ERROR:
$('ul.jd_menu').jdMenu({
onShow: loadMenu
//onHideCheck: onHideCheckMenu,
//onHide: onHideMenu,
//onClick: onClickMenu,
//onAnimate: onAnimate
});
Then if I continue on, it only has the main menu tabs, and hovering does not produce the submenu anymore. However, when I click a main menu tab and get redirected to another page, the submenu is once again produced when hovered upon. Click any of the main menu tabs, fine, click on a submenu tab again and once again I get the same error.
This runs perfectly on google chrome and never throws an error. But in IE, it always throws an error. Anyone have any ideas?