javascript - Bootstrap绑定(bind)方式

Question

我正在查看 Bootstrap 'dropdown'模块，并且无法集中精力处理某些事情。

基于该代码，需要通过调用它来显式启动该模块，例如

$(element).dropdown({options..})

然而，如果你只是给任何元素一个带有 [data-toggle="dropdown"] 的属性

相关模块启动，从未进入构造函数/插件函数。

有人可以向我解释一下这个巫术吗？

Answer 1

答案:

http://api.jquery.com/on/#event-names

An event name can be qualified by event namespaces that simplify removing or triggering the event. For example, "click.myPlugin.simple" defines both the myPlugin and simple namespaces for this particular click event. A click event handler attached via that string could be removed with .off("click.myPlugin") or .off("click.simple") without disturbing other click handlers attached to the elements. Namespaces are similar to CSS classes in that they are not hierarchical; only one name needs to match. Namespaces beginning with an underscore are reserved for jQuery's use.

Bootstrap 使用“事件名称间距”绑定(bind)点击事件。行(我相信是816)

.on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)