javascript - 使用 javascript 监听事件

Question

我正在使用一个名为“ backstretch ”的 jQuery 插件。在描述中，它说backstretch.show每次更改图像时都会调用它。我将如何去监听这个事件并在它被调用时让它执行另一个函数？

Answer 1

假设：

$(".foo").backstretch("...");

然后：

$(".foo").on("backstretch.show", function () {
    /* My code here */
});

如果您使用的是静态版本：

$.backstretch("...")

您可能必须将事件处理程序绑定到正文：

$(document.body).on("backstretch.show", function () { ... });

Answer 2

一个事件需要两件事来知道要监听什么，事件类型（在本例中为"backstretch.show"，以及目标。看起来您应用.backstretch()到了一个 jQuery 集，因此您可能希望在该集的元素上注册您的处理程序以用于目标，这是获取事件的内容。

所以我推荐类似的东西：

$("something").backstretch(/* ... */).on("backstretch.show", function () { 
     //do something
});