jQuery-加载动态添加的元素

我试图在某些元素绑定到视图中后触发事件

我尝试使用以下方法，但不起作用：

$(".featWrap").on("load", ".box", function() {
     $(".featWrap").slick({dots: true});
});

使用以下方法可以工作，但我需要在绑定元素时触发事件，而不是在单击元素时触发事件：

$(".featWrap").on("click", ".box", function() {
     $(".featWrap").slick({dots: true});
});

我曾考虑在绑定后使用自定义事件，但我不能这样做，因为绑定数据的函数如下所示：

APP.bind["game.featuredPrizes"]    = APP.get("user.featuredPrizes", function (featuredPrizes) {
    return featuredPrizes.map(formatFeatured);
});

---

如果您想收听新的数字添加元素，您可以使用。在这里你可以找到一个

一个小演示：

//使用类框侦听新添加的元素
$（document）.on（'DOMNodeInserted'，'.box'，函数（e）{
var元素=e.目标；
setTimeout（函数（）{
$（元素）.fadeOut（1000，函数（）{
$（this.remove（）；
});
}, 2000);
});
$（函数（）{
//动态创建并添加新元素
$（'#insert'）。在（'click'，函数（e）{
$('', {
类：'测试'，
文本：“测试通用”
}).附于（“主体”）；
});
$（'#insertBox'）。在（'click'，函数（e）上{
$('', {
类：'box'，
文本：“测试通用”
}).附于（“主体”）；
});
});
.box{
填充：1em；
背景：#ffa；
边框：1px实心#999；
}
.测试{
填充：1em；
背景：#008000；
边框：1px实心#999；
}

插入框
插入通用元素
我需要在绑定元素时触发事件，而不是在单击元素时触发事件：

$(".featWrap").on("click", ".box", function() {
     $(".featWrap").slick({dots: true});
});

这似乎不可能

$("#id").on("bind", function() {
    // This is what you want to achieve
    // Calling this function when an event has been binded to $("#id")
    console.log("bind click binded");
});

$("#id").bind("click", function() {
    console.log("click binded");
});

顺便说一句，
.load（）
在jquery 1.8版中被弃用，并从3版中删除。0@FerVargas添加html PLZ这就成功了，它现在可以检测元素的添加时间。现在的问题是slick没有初始化。。但这与此无关。