Uncaught TypeError: Cannot read the 'webkit' property from undefined

Question

I am working on examples in chapter 8 of the Ruby on Rails tutorial and I am getting the above error on my pages and my popup menu is not working. Any ideas on how I can fix this?

/* =================================================== * bootstrap-transition.js v2.0.0 * http://twitter.github.com/bootstrap/javascript.html#transitions * =================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ========================================================== */ !function( $ ) { $(function () { "use strict" /* 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 }()) } })() }) }(window.jQuery); 

Answer 1

Update your homing device to the latest version by updating the Gemfile with the line:

 gem 'bootstrap-sass', '~> 2.3.0.1' 

I had problems, and that was because I was running version 2.0.0 of this gem. You don’t know which version they recommend using in the tutorial, but updating to the latest version should not harm you.

Answer 2

I think this problem is here: $.browser.webkit - apparently $ .browser was removed in jQuery 1.9+.

According to this thread there is no direct replacement, however, using this plugin you should be able to restore the functionality of this tag.