Намагаючись розібратися, як використовувати метод 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 */ }
});
Спасибі заздалегідь!
$("table.planning_grid td")
?