2013-02-27 127 views
5

我正在通過Ruby on Rails教程的第8章中的示例工作,並且在我的頁面上出現上述錯誤,並且我的下拉菜單不起作用。關於如何解決這個問題的任何想法?Uncaught TypeError:無法讀取未定義的屬性'webkit'

/* =================================================== 
* 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); 

回答

10

通過與線更新您的Gemfile升級引導,青菜寶石最新版本:

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

我有問題,那是因爲我正在運行的是版本2.0.0寶石。不知道他們推薦在教程中運行哪個版本,但升級到最新版本不應該傷害您。

+0

也適用於我(重新啓動服務器後) – nicolaspanel 2013-07-28 14:03:41

13

我覺得這個問題在這裏:$.browser.webkit - 顯然$ .browser已被刪除在jQuery 1.9 +。

根據this thread沒有直接替換,但是通過使用this plugin,您應該能夠恢復該標籤的功能。

相關問題