理解转换函数

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中测试。

感谢您的时间伙计。