Did jQuery 1.8 break backgroundPosition animation?

Question

I need to upgrade from jQuery 1.7 to jQuery 1.8, but the backgroundPosition animation is failing after the upgrade. There are no error messages in the Firebug console at all. Has anyone else had experience with the backgroundPosition animation failing from 1.7 to 1.8?

jQuery(navSelector).hover(function(){                   
      jQuery(this).find('a').stop().animate({"backgroundPosition":"(0 -40px)"},{duration:150});         
    },
    function(){             
      jQuery(this).find('a').stop().animate({backgroundPosition:"(0 0)"}, {duration:75});   
    });
});

This should have never worked at all. Anyway, just answered [THIS](http://stackoverflow.com/questions/12160846/jquery-background-position-doesnt-work-in-firefox/12161533#12161533)... — adeneo, Aug 28 '12 at 19:19
I should mention that, from what I understand, jQueryUI is actually responsible for this ever working in the first place. There appears to be some discrepancy between jQuery 1.8 and jQueryUI 1.8 that didn't exist between jQuery 1.7 and jQueryUI 1.8. I have tried JQUI 1.8.11 and 1.8.23 with no luck. Likewise, I cannot animate each value separately. — Nelson, Aug 28 '12 at 19:39

score 1 · Answer 1 · answered Dec 02 '12 at 10:54

1

animate backgroundPosition has been broken since 1.5 - apparently it was never supposed to be in any of the releases

answered Dec 02 '12 at 10:54

Andy

11
1

score 0 · Answer 2 · answered Sep 11 '12 at 21:00

0

The 1.8 version had many bugs, especially in IE9 & IE10. Download 1.8.1 and you should be good. Here's the changes: http://blog.jquery.com/2012/08/30/jquery-1-8-1-released/

answered Sep 11 '12 at 21:00

adamdehaven

5,890
10
61
84

Doesn't work for me in 1.8.1 either. Tested in Firefox and Chrome. I should also say that it only worked in Firefox with jQuery 1.7 if you included the "backgroundPosition.js" addon. – cartbeforehorse Sep 12 '12 at 21:03
Did you be sure to include Modernizr.js? – adamdehaven Sep 12 '12 at 23:10

score 0 · Answer 3 · edited May 27 '13 at 22:21

0

It's not broken.. it works differently now

$arrow.animate({'background-position-x': '0px', 'background-position-y': '0px' }, 300);

edited May 27 '13 at 22:21

Ben

51,770
36
127
149

answered May 27 '13 at 22:01

chemic

1

Did jQuery 1.8 break backgroundPosition animation?

3 Answers3