使用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 
});