jQuery .on() 快捷语法与委托

Question

这是我刚发现的一种编码语法（快捷方式？）。

上周我真的被弄糊涂了。

到目前为止，我对 .on() 的主要用途是在动态添加的元素上委托事件。

像这样：

$("[selector]").on("[event,event,event,...]","[delegate selector]",function(){
    //... Something.
});

这是将 ONE 处理程序从一个集合绑定到另一个（动态子对象）关于一个或多个事件的常见用法。

但是，现在我知道了 ...
的存在哪个更"event-specific"，真正让代码写的更简洁：

$("[selector]").on({
    [event]:function(){
        //...Something
    },
    [event]:function(){
        //...Something else.
    }
});

我看到这个 （对我来说是新的！） 语法提供一个对象作为 .on().
的参数甚至很多对象，昏迷分开。

它可以很好地将特定处理程序绑定到一个集合，涉及大量事件。
我认为这是一种真正有效的编码方式...而且可读性很好。

但是现在...

如何使用此语法将来自 "onloaded" 选择器的事件委托给动态附加的子项？

可能吗？
请告诉我是的，并告诉我怎么做！

Answer 1

How to delegate the events from an "onloaded" selector to a dynamically appended child using this syntax?

您要查找的语法是这样的：

$('staticParentElement').on({
    [event]:function(){
        //...Something
    },
    [event]:function(){
        //...Something else.
    }
}, 'dynamicDescendants');

jQuery .on() 快捷语法与委托

jQuery .on() shortcut syntax vs delegation

syntax

jquery

delegation

但是现在...