Question

我正在阅读Bootstraps JavaScript并注意到以下代码：

$(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) {
    //do something
});

有人可以向我解释原因"click.modal.data-api"。活动结束后的点数是多少？也许我是盲目的，但我似乎无法找到任何有关此问题的文件。

Answer 1

这是一个命名空间事件，the documentation ^[docs]很好地描述了它：

事件名称可以由事件名称空间限定，以简化删除或触发事件。例如，"click.myPlugin.simple"定义了此特定click事件的myPlugin和简单命名空间。可以使用.off("click.myPlugin")或.off("click.simple")删除通过该字符串附加的点击事件处理程序，而不会干扰附加到元素的其他点击处理程序。命名空间类似于CSS类，因为它们不是分层的;只需要一个名称匹配。以下划线开头的命名空间保留供jQuery使用。

Answer 2

它只是一个事件名称空间。看看http://api.jquery.com/event.namespace/

Answer 3

我对此并不完全确定，但我认为这是一种“触发个人事件”。我会更好地解释它：您可以定义自己的事件侦听器并随时触发它们。例如，您可以定义事件myEvent并仅通过执行.trigger('myEvent')来触发它。这是一个小片段：

$(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) {
    //do something
});

这是事件处理程序的声明，只需执行此操作即可触发：

$(document).trigger('click.modal.data-api');

阅读有关.trigger()，.bind()和.on()

的更多文档

click.modal.data-api作为事件名称是什么意思？

3 个答案: