sintassi jQuery per più eventi delegati

Question

La documentazione jQuery a http://api.jquery.com/on/ menzionano i benefici di delegati-eventi utilizzando la seguente sintassi (che attribuisce un gestore di eventi per un solo elemento):

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

Ma non riesco a trovare qualsiasi riferimento alla sintassi corretta per il collegamento di più eventi contemporaneamente con eventi delegati. Esiste una scorciatoia per quanto segue, ma con tr.hoverable come evento delegato?

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

O è questo l'unica soluzione ...

$('#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:

.on (eventi-map [, selettore] [i dati])

Inoltre, preferiscono singoli selettori tagName/className/id per la delega in quanto Ottimizza