jQuery的語法多重委託事件

Question

在http://api.jquery.com/on/ jQuery的文檔提到使用下面的語法（其中附加的事件處理程序只有一個元素）委派事件的好處：

$('#mytable').on('click', 'tr.hoverable', function(){ 
    // blah 
}); 

但我無法找到對委託事件一次附加多個事件的正確語法的任何引用。是否有以下的快捷方式，但是tr.hoverable作爲委託事件？

$('#mytable tr.hoverable').on({ 
    mouseenter: function(){ 
     // blah 
    }, 
    mouseleave: function(){ 
     // blah 
    }, 
    click: function(){ 
     // blah 
    } 
}); 

或者這是唯一的解決辦法...

$('#mytable').on('click', 'tr.hoverable', function(){ 
    // blah 
}).on('mouseenter', 'tr.hoverable', function(){ 
    // blah 
}).on('mouseleave', 'tr.hoverable', function(){ 
    // blah 
}); 

？

Answer 1

$('#mytable').on({ 
    mouseenter: function(){ 
     // blah 
    }, 
    mouseleave: function(){ 
     // blah 
    }, 
    click: function(){ 
     // blah 
    } 
}, '.hoverable'); 

As per this signature：

。對（事件映射[，選擇器] [，數據]）

另外，喜歡單個的tagName /類名/ id選擇進行委派，因爲它們得到優化