理解轉換函數

Question

嘿，大家好我是新來的JS和我讀這篇文章中bootstrap.js爲過渡提供了一個全球化志願服務青年：

CSS transitions using Jquery

現在如果你去一部分說程序轉換，那是我嘗試實施的部分。

fiddle here。

但不知何故這篇文章的代碼不起作用。

爲什麼？下面

代碼：

$(document).ready(function() { 
    var defaults = { 
     duration: 4000, 
     easing: '' 
    }; 

    $.fn.transition = function (properties, options) { 
     options = $.extend({}, defaults, options); 
     properties['webkitTransition'] = 'all ' + options.duration + 'ms ' + options.easing; 
     console.log(properties); 
     $(this).css(properties); 
    }; 

    $('.element').transition({ 
     background: 'red' 
    }); 

}); 

Answer 1

找到了解決辦法在transition.js

我需要有一些類似的代碼如下：

var transEndEventNames = { 
    WebkitTransition : 'webkitTransitionEnd', 
    MozTransition : 'transitionend', 
    OTransition  : 'oTransitionEnd otransitionend', 
    transition  : 'transitionend' 
} 

for (var name in transEndEventNames) { 
    if (el.style[name] !== undefined) { 
    return { end: transEndEventNames[name] } 
    } 
} 

我的代碼是僅適用於Chrome工作，而我是在Mozilla中測試。

感謝您的時間夥計。