javascript - Bootstrap 模式委托(delegate) eventtype 语法

Question

var Modal = function (content, options) {
   this.options = options
   this.$element = $(content)
   .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
                                          ^^^^^^^^^^^^^^^^^^^^
                                        What does this mean?
}

我很新鲜。我以前从未见过这种语法。我的猜测是单击事件，在任何包含“dismiss”且值为“modal”的属性上？？？

Answer 1

我认为，您看到的是 Namespaced Events。当您对同一事件有多个事件处理程序时，这会被广泛使用。请参见下面的示例，

DEMO

$('#test').on('click.a', function () {
    alert('A is clicked');
});

$('#test').on('click.b', function () {
    alert('B is clicked');
});

$('#unbindA').on('click', function () {
    $('#test').off('click.a');
});

在上面的示例中，它只是演示了unbind，但它也可以用于触发特定的处理程序，例如$('#test').trigger('click.a').

如果您只是将“click”绑定(bind)到两个处理程序，则上述所有操作都不可能实现。

jQuery docs on Namespaced Events