在bootstrap.js中emulateTransitionEnd,它来自哪里?

时间:2015-02-26 21:36:29

标签: javascript jquery twitter-bootstrap

我刚刚调试modal.js并遇到了以下代码:

 that.$element.find('.modal-dialog') // wait for modal to slide in
      .one('bsTransitionEnd', function () {
        that.$element.trigger('focus').trigger(e)
      })
      .emulateTransitionEnd(Modal.TRANSITION_DURATION) :
    that.$element.trigger('focus').trigger(e)

我的问题是关于以下几行:

emulateTransitionEnd(Modal.TRANSITION_DURATION) :
那是什么?一个jQuery函数?引导程序中的自定义函数?

我用Google搜索了这个函数,但几乎找不到任何东西,我猜它是一个自定义引导函数。但是我根本没有在modal.js(bootstrap.js的子集)中看到这个函数。

我在某处看到了以下内容:link

emulateTransitionEnd到底是什么?它在哪里定义,它在做什么?

您可以在此处找到我正在讨论的内容:line 99 modal.js

1 个答案:

答案 0 :(得分:10)

这是在此声明的自定义Bootstrap函数

https://github.com/twbs/bootstrap/blob/83bfff7f0765503b990b96c303eef67009e48d77/js/transition.js#L36

它是一个在$ .support.transition.end上触发事件(一次)的函数

$ .support.transition.end 包含以下事件之一:

  • webkitTransitionEnd
  • transitionend
  • oTransitionEnd
  • otransitionend
  • transitionend

您可以在此处找到更多信息

how to listen to the end of a bootstrap animation