2012-11-07 60 views
0

使用jQuery 1.8.2對多個事件綁定到使用事件委託一個類的多個事件:jQuery的。對使用事件代表團

$(document).on("focus blur", ".myClass", function() { 
    console.log("Ba da boom."); 
}); 
+0

控制檯在崩潰之前會說什麼?你爲什麼要綁定到'document'?你不能把它綁定到一些更近的​​父母嗎?這就是'.live()'被棄用並被'.on()'取代的全部原因。 – Joseph

+0

在DOM就緒處理程序 –

+2

似乎在這裏工作正常http://jsfiddle.net/sushanth009/s8dR6/ –

回答

0

你既可以鏈接多個插件或附加使用地圖的多個事件。

鏈中的多個組件

例子:

$(document).on("focus", ".myClass", function(){ 
    //do something 
}).on("blur", ".myClass", function(){ 
    //do something else 
}); 

DEMO: http://jsfiddle.net/MG8S7/4/

附加活動使用地圖

例子:

$(".myClass").on({ 
    focus: function(){ 
    //do something 
    }, 
    blur: function(){ 
    //do something else 
    }, 
    mouseenter: function(){ 
    //do one more thing 
    } 
}); 

DEMO: http://jsfiddle.net/MG8S7/9/

希望這有助於!

+0

你的代碼工作正常,並且謝謝你,但是將上面的事件列在一起,就像我上面的工作一樣,看起來更簡潔一點。我想我應該回答這個問題,而不是編輯我的問題。抱歉! –