jQuery .on使用多个事件、多个处理程序并应用于新元素

Question

我有一个列表，其中包含动态删除/添加的项。

$('#myul').on('mouseenter', 'li', function() {
    //do something
});

但是我想要多个事件，每个事件处理不同

$('#myul').on({
    mouseenter: function() {
        //do something
    },
    mouseleave: function() {
        //do something else
    }
});

我不能瞄准$('。Myul li')，因为这不会影响新的列表项。我试着在function()之前粘贴'li'，但jQuery不喜欢这样。我也试过。hover，但它有同样的问题(不适用于新的列表项)

是否有任何方法可以做到这一点，而无需为每个事件+处理程序提供不同的功能?

Answer 1

放在事件处理程序之后:

$('#myul').on({
  mouseenter:function(){...},
  mouseleave:function(){...}
} ,'li');