jQuery .on包含多个事件，多个处理程序并应用于新元素

Question

我有一个动态删除/添加项目的列表。

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

但我想要多个事件，每个事件的处理方式不同

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

我无法定位$（'。myul li'），因为这不会影响新的列表项。我试过在函数（）之前坚持'li'，但jQuery不喜欢这样。我也试过.hover但它有同样的问题（不适用于新的列表项。）

如果没有为每个事件+处理程序使用不同的函数，有没有办法做到这一点？

Answer 1

你把它放在事件处理程序之后：

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