Strange Javascript Behavior IE8 with Jquery and Animations -
i working on project right uses accordion style menu, think more of general question reguarding ie8 , jquery .animate(). reason, though animations seem completed (tested callback functions) showing on screen incomplete. seems it's completing because whenever use browser zoom in , out, try highlighting region, or other similar things cause change in appearence corrects (ie end result of animation shown). have tested in latest version of chrome , animation looks perfect, ie issue.
i animating property "margin-top" next element distance when element clicked using .animate(), reveiling submenu underneath. when element "opened" in manner , clicked, function called check elements being opened , closes 1 using .animate() also.
i've typed description of code because feel issue browser performance (possibly on machine?). has heard of happening in ie8 or below in regaurds animations or jquery/javascript , ie8 in general?
in ie8 have manually cause parent element reflow in order other elements move correctly after animation.
function repaint(jelement) { if (!$.browser.msie) return; (var = 0; < jelement.length; i++) { jelement[i].classname = jelement[i].classname; } }
try running function on parent of animated element after animation complete , see if fixes issue.
Comments
Post a Comment