2015-02-23 40 views
1

我有下面這段代碼,來自modal.js一個bootstrap3.0模態插件,它只是像一個普通的jquery插件 ,請看下面的代碼行。瞭解modal.js裏面的事件

$.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事件觸發的hideModal功能將執行,但 時候會bsTransitionEnd事件火在所有?定義在哪裏。

我將不勝感激我的問題的簡單解釋。整個插件可以在這裏找到,line 124

回答

0

現在這個自定義事件名稱/名稱空間添加到插件的功能是什麼,這個事件通常會在何時激發?自定義事件名稱/命名空間需要在可以在函數行中使用還是在一個之前被定義?

  1. 當轉換結束
  2. 你可以使用你想引用mdn docs on CustomEvent任何事件名稱和jQuery Custom Event
事件將觸發