Comments on: CSS Transitions via jQuery Animations

By: Pedro Santos

Pedro Santos — Tue, 01 Nov 2011 13:24:32 +0000

Hi again Weston.
Been trying to get everything to work on IE but with no success.
Keep getting ‘undefined’ error on IE8 and 9, as well as an error related to bindings.php (the object do not support this property or method).

Is anybody else having this problems?

Cheers.

By: Pedro Santos

Pedro Santos — Thu, 22 Sep 2011 13:52:20 +0000

Hi Weston.
First of all, let me thank you for this plugin.

I’m having a little trouble in IE9 with it though – It keeps throwing this error when debugging:
SCRIPT5007: Unable to get value of the property 'replace': object is null or undefined jquery.css-transitions.min.js, line 8 character 3121

Can you help me out on this?
Thank you.

By: Nacho Coloma

Nacho Coloma — Tue, 03 May 2011 08:36:04 +0000

Maybe you should consider registering it as a modernizr polyfill. AFAIK there is no registered library for transitions. Combining it with yepnope would also fix the "what if my browser already supports transitions" thing. Great work!

By: Weston Ruter

Weston Ruter — Tue, 26 Oct 2010 21:37:52 +0000

Thanks, Jonathan. Since Firefox 4 supports CSS Transitions natively, the script should be modified to abort as it does in Safari/Chrome when viewing in Firefox 4. I haven’t yet got my feet wet in Firefox 4, but if you’d like to figure out why the native-detection isn’t working, please submit a pull request to the repo on GitHub and I can apply it. Thanks!

By: Jonathan Brachthäuser

Jonathan Brachthäuser — Tue, 26 Oct 2010 21:30:17 +0000

Hey, that really great work. I had something similiar in mind. Nice to see it already working

I am experiencing Problems with the new Firefox 4.0 Beta 6. The Elements somehow disappear in that Browser. (Errorconsole output: XBL-file is incorrect. Did you forget a Bindings-Tag? and Error: FAH_getOutputNodeById: id is null!!’ when calling method: [nsIConsoleListener::observe])

I hope this helps.

By: Ben Barnett

Ben Barnett — Thu, 14 Oct 2010 08:08:16 +0000

Hadn’t seen that, nice! I’m still working on the plugin daily but the more its being used across the web the more fixes are being applied. Its pretty solid in a complex environment now and is making life with iPad compatibility much easier.

By: Cemre Gungor

Cemre Gungor — Tue, 12 Oct 2010 14:59:57 +0000

I did a quirky proof of concept about this a bit before you. Glad you implemented it fully!

http://cantuse.it/2009/12/proof-of-concept-automatic-transition-animation-for-css-hovers-with-jquery/

By: Ben Barnett

Ben Barnett — Tue, 05 Oct 2010 13:20:17 +0000

In case people are interested, I have written a jQuery plugin to automatically enhance the $.animate function to use CSS3 transitions on browsers that support it. You don’t have to change any of your Javascript, this plugin simply takes care of the rest once its included. Hope its of use:

http://playground.benbarnett.net/jquery-animate-enhanced/

By: Weston Ruter

Weston Ruter — Thu, 13 May 2010 02:43:44 +0000

@Andrey: Thanks pointing this out. I also fixed the links to Google Code.

By: Andrey Zakharov

Andrey Zakharov — Wed, 12 May 2010 19:29:21 +0000

Wow! This is really the bridge from rude reality to the melodious future.
some points about CSS names:
#content, #left, #right { /*@transition-rule@*/ .... }

will NOT work as base rule. Workaround:
#content { /*@transition-rule@*/ .... } #left { /*@transition-rule@*/ .... } #right { /*@transition-rule@*/ .... }

Also, check the link of “PHP file” in article – it’s now broken (links to code.google)

Thanks!