Fix for animating hyphenated CSS properties. Fixes #4156.

This commit is contained in:
John Resig 2009-07-25 20:56:15 +00:00
parent fd0bf5d6ed
commit 343b0936a4
2 changed files with 20 additions and 0 deletions

View file

@ -109,6 +109,14 @@ jQuery.fn.extend({
self = this; self = this;
for ( p in prop ) { for ( p in prop ) {
var name = p.replace(rdashAlpha, fcamelCase);
if ( p !== name ) {
prop[ name ] = prop[ p ];
delete prop[ p ];
p = name;
}
if ( prop[p] == "hide" && hidden || prop[p] == "show" && !hidden ) if ( prop[p] == "hide" && hidden || prop[p] == "show" && !hidden )
return opt.complete.call(this); return opt.complete.call(this);

View file

@ -100,6 +100,18 @@ test("animate duration 0", function() {
}); });
}); });
test("animate hyphenated properties", function(){
expect(1);
stop();
jQuery("#nothiddendiv")
.css("font-size", 10)
.animate({"font-size": 20}, 200, function(){
equals( this.style.fontSize, "20px", "The font-size property was animated." );
start();
});
});
test("animate non-element", function(){ test("animate non-element", function(){
expect(1); expect(1);
stop(); stop();