jquery 自定义事件混乱

Question

我已阅读 jQuery 的自定义事件文档。就在我开始明白您可以自己触发这些自定义事件时，link 或 window 等元素拥有标准事件，例如单击、滚动或调整大小....

我在阅读unveil.js的代码时感到困惑 底部有以下代码：

$w.on("scroll.unveil resize.unveil lookup.unveil", unveil);

这些事件在做什么，它们在哪里设置/触发？ 什么是 lookup.unveil 的 "lookup" 事件。

Answer 1

那些是namespaced jQuery events

在 jQuery 中，事件可以命名空间，使它们独一无二且更易于使用。
通常你会像这样添加一个点击事件

$('.element').on('click', fn);

但是如果您只想从一个元素中删除事件并且您确实这样做了怎么办

$('.element').off('click', fn);

您将从所有元素中删除该事件，因此您可以改为命名该事件

$('.element').on('click.custom', fn);

名称无关紧要，它仍然是一个 click 事件，但现在可以在不影响匹配选择器的其他元素的情况下删除它，该选择器也有一个 click 事件，方法是执行 [=22] =]

$('.element').off('click.custom', fn);

要触发这样的事件，只需要做

$('.element').trigger('click.custom');

它也可以通过常规点击触发，就像任何点击处理程序一样。

在 jQuery 中还可以定义自定义事件，如果您读过 Custom Events docs，您可能就知道了，而且非常简单

$('.elements').on('lookup.unveil', fn);

其中 .unveil 只是插件的自定义命名空间，可以在适当的时间通过

触发该事件

$('.elements').trigger('lookup.unveil');

并且由于它不是本地事件，因此不会真正被其他任何事件触发。