jQuery code works in Chrome, not in IE9
- by Francis Ducharme
Pretty new to jQuery here, I've got a chunk of code that works OK in Chrome, but fails in IE9 (have not tried FF yet).
Here's the code:
var textColor = $('#navmenu-body').css('color');
textColor = textColor.slice(4);
In IE9, I get an error to the effect that slice can't be called because textColor is undefined.
I was not sure if it's because jQuery just can't find the #navmenu-body element or that it can't find the CSS attribute color.
So I did:
var j = $('#navmenu-body');
var textColor = $('#navmenu-body').css('color');
textColor = textColor.slice(4);
In IE9's console, j.length returns 0. So the selector is indeed, not working
Here's the #navmenu-body HTML DOM
<div id="navmenu-body" class="x-panel-body x-panel-body-cssmenu x-layout-fit x-panel-body-cssmenu" style="height: 398px; left: 0px; top: 0px; width: 200px;">
</div>
Do I need to do something else for IE9 support ?
