使用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集合，因此您可能希望在为目标设置的元素which are what get the event上注册您的处理程序。

所以我建议是这样的：

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