Javascript ALEX MACCAW对过渡函数的理解

嘿，伙计们，我是js新手，我正在阅读这篇文章，作为bootstrap.js中关于转换的参考：

现在，如果你转到说编程转换的部分，那就是我尝试实现的部分

但不知何故，这篇文章中的代码不起作用

为什么?

代码如下：

$(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'
    });

});

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] }
  }
}

找到了解决方案

我需要一些如下代码：

$(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'
    });

});

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

谢谢你们的时间，伙计们