Skip to content

Instantly share code, notes, and snippets.

@jonraasch
Created April 21, 2010 14:32
Show Gist options
  • Star 56 You must be signed in to star a gist
  • Fork 19 You must be signed in to fork a gist
  • Save jonraasch/373874 to your computer and use it in GitHub Desktop.
Save jonraasch/373874 to your computer and use it in GitHub Desktop.
Extends the jQuery.support object to CSS3 transition
// jQuery.support.transition
// to verify that CSS3 transition is supported (or any of its browser-specific implementations)
$.support.transition = (function(){
var thisBody = document.body || document.documentElement,
thisStyle = thisBody.style,
support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined;
return support;
})();
@maluke
Copy link

maluke commented Dec 21, 2011

Ah, I see.

@fbm351
Copy link

fbm351 commented Feb 27, 2013

Receiving Uncaught TypeError: Cannot read property 'webkit' of undefined on pages with this transition being used.

/* CSS TRANSITION SUPPORT (https://gist.github.com/373874)
* ======================================================= */

$.support.transition = (function () {
  var thisBody = document.body || document.documentElement
    , thisStyle = thisBody.style
    , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined

  return support && {
    end: (function () {
      var transitionEnd = "TransitionEnd"
      if ( $.browser.webkit ) {

Uncaught TypeError: Cannot read property 'webkit' of undefined
transitionEnd = "webkitTransitionEnd"
} else if ( $.browser.mozilla ) {
transitionEnd = "transitionend"
} else if ( $.browser.opera ) {
transitionEnd = "oTransitionEnd"
}
return transitionEnd
}())
}
})()

})

@rtpHarry
Copy link

The error is likely because jQuery 1.9 has remove support for $.browser

@msshohan
Copy link

I am getting the TypeError error in the console
TypeError: can't convert undefined to object

Is there any workaround for that?

@ltujiba
Copy link

ltujiba commented Sep 11, 2019

I am getting the TypeError error in the console
TypeError: can't convert undefined to object

Is there any workaround for that?

Me too, does this has something to do with the jquery version ?

@msshohan
Copy link

msshohan commented Oct 7, 2019

Not sure if that’s the case. I tried to change the version to 1.9 and the latest version from 1.12 but it didn't help.

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