Método JQuery .on() con múltiples controladores de eventos para un selector

Question

Tratando de averiguar cómo usar el método Jquery .on() con un selector específico que tiene múltiples eventos asociados. Anteriormente estaba usando el método .live(), pero no estoy muy seguro de cómo lograr la misma proeza con .on(). Por favor, vea mi código de abajo:

$("table.planning_grid td").live({ 
    mouseenter:function(){ 
    $(this).parent("tr").find("a.delete").show(); 
    }, 
    mouseleave:function(){ 
    $(this).parent("tr").find("a.delete").hide();   
    }, 
    click:function(){ 
    //do something else. 
    } 
}); 

Sé que puedo asignar los múltiples eventos llamando al:

$("table.planning_grid td").on({ 
    mouseenter:function(){ //see above 
    }, 
    mouseleave:function(){ //see above 
    } 
    click:function(){ //etc 
    } 
    }); 

Pero creo que el uso adecuado de .on() sería así:

$("table.planning_grid").on('mouseenter','td',function(){}); 

¿Hay alguna manera de lograr esto? ¿O cuál es la mejor práctica aquí? Probé el código a continuación, pero no dados.

$("table.planning_grid").on('td',{ 
    mouseenter: function(){ /* event1 */ }, 
    mouseleave: function(){ /* event2 */ }, 
    click: function(){ /* event3 */ } 
}); 

¡Gracias de antemano!

Answer 1

Eso es the other way around. Usted debe escribir:

$("table.planning_grid").on({ 
    mouseenter: function() { 
     // Handle mouseenter... 
    }, 
    mouseleave: function() { 
     // Handle mouseleave... 
    }, 
    click: function() { 
     // Handle click... 
    } 
}, "td");