Bootstrap插件transition源码的学习

使用说明

主要是用于

• 自定义transitionEnd方法，判断是否支持过渡结束事件
• 定义jquery的原型方法emulateTransitionEnd，保证在过渡效果完成后，一定触发transitionEnd

核心思路

1. 通过插入元素，然后判断元素支持哪一类transitionEnd事件，从而判定当前浏览器支持的对应transitionEnd事件
2. 通过自定义事件，简化transitionEnd的绑定
3. 通过传入的时长，模拟transitionEnd事件

初始化

• 在dom树加载完后，自定义bsTransitionEnd事件

$(function () {
  // 储存当前浏览器是否支持，若支持是支持哪种transitionEnd事件
  $.support.transition = transitionEnd()

  if (!$.support.transition) return
  // $.event.special.bsTransitionEnd是用于传入事件类型，来自定义事件
  // 这样就能自己添加事件$el.one('bsTransitionEnd', function() {})
  // 而不用$el.one($.support.transition.end, function() {})
  $.event.special.bsTransitionEnd = {
    bindType: $.support.transition.end,
    delegateType: $.support.transition.end,