Remove inline CSS generated from JS animation?

[Rugg]

Hi,

Wondering if there’s a way to remove the inline CSS generated after animating the position of an element with js/jquery…any ideas?

Thanks

[TheDoc]

You just need to set the style attribute to an empty string. With jQuery:

$('.selector').attr('style','');

http://codepen.io/ggilmore/pen/ac560d9cab03376629342f24ffc578b5

[Kuzyo]

or http://api.jquery.com/removeAttr/

[TheDoc]

I can’t remember what it was for, but there was a particular case where removeAttr wasn’t working for inline CSS. I forgot what circumstances caused it, but that’s why I just set it to an empty string now. Might have been an old webkit bug? I can’t remember.

[Kuzyo]

Yepp, found:

Removing an inline onclick event handler using .removeAttr() doesn’t achieve the desired effect in Internet Explorer 6, 7, or 8. To avoid potential problems, use .prop() instead

[Author]

Posts