css('animation-iteration-count', 5) doesn't apply style to element #2792

ufologist opened this Issue Dec 30, 2015 · 2 comments


None yet

2 participants


When I use css('animation-iteration-count', 5) I expect element has style="-webkit-animation-iteration-count: 5;" (this vendor prefix is just a example), but it doesn't.

So I debug jQuery.js, I found when I use css('animation-iteration-count', 5) actually become style[ 'WebkitAnimationIterationCount' ] = 5 + 'px'.
Browser consider it a illegal value, because animation-iteration-count only accept infinite | <number>, so this style don't have effect.

This is a reproduceBug demo

So that cssNumber shoud add animationIterationCount property to prevent automatically add "px" to the value.


Goto #2793 to see how to fix that

@ufologist ufologist closed this Dec 31, 2015
mgol commented Dec 31, 2015

Reopening, this shouldn't have been closed.

@mgol mgol reopened this Dec 31, 2015
@mgol mgol added this to the 1.12/2.2 milestone Jan 7, 2016
@mgol mgol added the CSS label Jan 7, 2016
@mgol mgol self-assigned this Jan 7, 2016
@mgol mgol closed this in df822ca Jan 7, 2016
@mgol mgol added a commit that referenced this issue Jan 7, 2016
@ufologist @mgol ufologist + mgol CSS: Add animation-iteration-count to cssNumber, fix tests
(cherry-picked from df822ca)

Fixes gh-2792
Closes gh-2793
@cssmagic cssmagic referenced this issue in cssmagic/ChangeLog May 18, 2016

jQuery #5

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment