Jquery 绑定到动态添加的元素

我读到的所有关于jQuery不处理动态添加的DOM元素的文章都提到on并单击..等

我也不清楚我的情节是如何影响到这件事的

我的舞台上有一个时间选择器字段（页面加载时）

我有一个按钮，可以动态添加更多这些“时间选择器”（输入字段）

如你所知。。这些动态添加的字段不作为时间选择器响应/工作。。因为jQuery没有被应用（因为它们被动态地添加到stage中）

时间选择器有自己的css和js文件。。。（我假设我只是找到类并添加/执行它需要的操作）

我所做的只是添加以下内容：

$('.timepicker').timepicker({......

将代码段添加到：

$(add_button).click(function(event){.....

这增加了动态元素

但这似乎有点多余？（因为我现在有相同的块..一个在我的$（add_按钮）内。单击（函数（事件）{..和一个在它外..），在页面加载期间阶段上的默认块

---

有更好或更有效的方法吗？

将逻辑提取到单个函数。重用函数。去喝咖啡吧。一般来说，你不能将时间选择器之类的插件附加到不存在的元素上，除非该插件是专门为这种方式编写的。你用正确的方法解决了问题，并且可以关闭你的question。如果没有应用时间选择器小部件，那么我们知道这些动态添加的字段不可能作为时间选择器工作。绝对没有意外。所以在添加字段后应用小部件。@adeneo谢谢！@Roamer-1888您是建议另一种方法吗？还是说我发布的内容是正确的？

$('.timepicker').timepicker({......

$(add_button).click(function(event){.....