jQuery（document）.on（'click.classname'.......）？

Question

我讀通過MaterializeCSS的js文件，在其‘cards.js’的文件中，有幾行：

$(document).on('click.card', '.card', function (e) { 
    //something 
}); 

我不熟悉jQuery的.on()功能，但我從來沒有使用的自定義事件作爲第一個參數。我不明白的是，似乎不會有什麼結果確定這個自定義事件click.card（如果它是一個自定義事件），因爲我只加載從MaterializeCSS包除了jQuery的這card.js和另一velocity.min.js文件，我搜索velocity.min.js有什麼與此事件有關。在我看來，自定義事件是這種模式：original event。 classname，但我嘗試用其他類名替換card，但它不起作用。

我試圖尋找更多關於如何定義自定義事件的信息，但找不到任何有用的東西。

我的問題是如何找到這個自定義事件的定義。

Answer 1

這是不是一個自定義事件，這是一個DOM event with a namespace：

click是DOM事件，card事件命名空間。

如果在同一個元素上有多個處理程序，這可以幫助您辨別它們。你可以只刪除此監聽器（並保留其他所有click聽衆）：

$(document).off('click.card'); 

而且你可以觸發他們使用$('...').trigger手動：

$('.card').trigger('click.card'); // only triggers this specific click listener, not the others 

You can find out more about event namespaces here.