jquery - 在 jQuery 1.7.2 中 ("click") 和 ("click.randomText") 之间有什么区别？

Question

我继承了一个使用 jQuery 1.7.2 的应用程序。

在整个应用程序中，我们有如下代码:

$('#quotation').off("click").on("click", function(){
     // do something here...
}

现在，我确实理解了上述内容，没有问题。然而，偶尔在我们的代码中我会遇到这样的情况:

$('#continue').off("click.products").on("click.products", function(){
     // do something here...
}

在整个应用程序中，我找到了 click.products 或 click.orders。看起来 . 后面的内容可以是完全随机的文本。

click 和 click.products 之间有什么区别？

Answer 1

此代码使用由他们自己或插件定义的自定义命名空间事件。

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.

on docs

Live DEMO :

$('#a').on('click.bar', function() {
    console.log('bar');
});

$('#a').on('click.foo', function() {
    console.log('foo');
});


$('#b').click(function() {
    $('#a').trigger('click.foo');
});​

现在，当点击 #a 时，两个点击处理程序(foo 和 bar)都会引发，
但是当点击 #b 时，只有 foo 会出现。