Метод JQuery .on() с несколькими обработчиками событий для одного селектора

Question

Попытка выяснить, как использовать метод JQuery .on() с определенным селектором, который имеет несколько связанных с ним событий. Ранее я использовал метод .live(), но не совсем уверен, как выполнить тот же подвиг с .on(). Пожалуйста, смотрите мой код ниже:

$("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. 
    } 
}); 

Я знаю, что я могу назначить несколько событий по телефону:

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

Но я считаю, что правильное использование .on() будет выглядеть примерно так:

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

Есть ли способ сделать это? Или что здесь лучше всего? Я попробовал код ниже, но не кубик.

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

Заранее благодарен!

Answer 1

Это the other way around. Вы должны написать:

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