了解modal.js内部的事件



下面是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()

现在,如果你看一下第三行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事件触发时,hideModel函数将执行,但是bsTransitionEnd事件什么时候会触发??这是在哪里定义的。

我希望能简单地解释一下我的问题。整个插件可以在这里找到,第124行。

现在,这个自定义事件名称/命名空间添加到插件中的功能是什么,这个事件通常什么时候启动?自定义事件名称/名称空间在函数行中使用之前需要进行定义吗??

  1. 转换结束时将触发事件
  2. 您可以在CustomEvent和jQuery Custom event上使用任何要引用mdn文档的事件名称

最新更新