理解modal.js中的事件

时间:2015-02-23 04:38:07

标签: javascript jquery

我在modal.js下面有一段代码片段,一个bootstrap3.0模态插件,它只是   像普通的Jquery插件一样,请看下面的代码行。

 $.support.transition && this.$element.hasClass('fade') ?
        this.$element
          .one('bsTransitionEnd', $.proxy(this.hideModal, this))
          .emulateTransitionEnd(Modal.TRANSITION_DURATION) :
        this.hideModal()

现在,如果你看一下第3行I.E.

  .one('bsTransitionEnd', $.proxy(this.hideModal, this))

现在,这个自定义事件名称/命名空间添加到插件的功能是什么时候       这件事通常会发生火灾自定义事件名称/命名空间需要先进行区分       用在函数行上或者一个??

我知道Jquery允许为事件自定义命名空间,并且它对关闭很有用       只有那个有意思的事件处理者。例如。

  $('lala').on('click.randomname' , function(){
          alert('success');
  }); 

  $('lala').off('click.randomname'); 

但不知怎的,我不明白以下代码行添加到modal.js插件的功能。

  .one('bsTransitionEnd', $.proxy(this.hideModal, this))

据我所知,当bsTransitionEnd事件触发后,hideModal函数将执行,       但什么时候bsTransitionEnd事件会发生火灾?在哪里定义。

我很感激我对问题的简单解释。整个插件可以在这里找到,line 124

1 个答案:

答案 0 :(得分:0)

  

现在这个自定义事件名称/命名空间添加到插件的功能是什么,此事件何时会触发?自定义事件名称/命名空间是否需要在它们可以在函数行中使用之前进行定义?或者

  1. 转换结束时将触发事件
  2. 您可以使用您想要引用的任何事件名称mdn docs on CustomEventjQuery Custom Event