Question

我读到的关于jQuery没有动态添加DOM元素的所有文章都参考并点击..等...

我不清楚我的情景如何发挥作用..

我的舞台上有一个timepicker字段（页面加载时）..

<input class="form-control timepicker timepicker-with-dropdown text-center" id="startTime1" name="startTime1" placeholder="Start Time 1">

时间戳的类。

我有来自timepicker文档的代码：

//Timepicker (added here for dynamically added elements)
$('.timepicker').timepicker({
    timeFormat: 'h:mm p',
    interval: 30,
    minTime: '0',
    maxTime: '11:30p',
    defaultTime: '0',
    startTime: '',
    dynamic: true,
    dropdown: true,
    scrollbar: true
});
$('.timepicker').val("");

我有一个动态添加更多这些'timepicker'（输入字段）的按钮

如你所知..这些动态添加的字段不响应/工作作为timepickers ..因为jQuery没有应用（因为它们被动态添加到舞台上）..

timepicker有自己的css和js文件......（我只是找到了这个类并添加/做了它需要的东西）

我为使其工作所做的只是添加：

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

摘录到：

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

添加了动态元素......

但这似乎有点多余？（因为我现在拥有相同的精确块...一个在我的$（add_button）.click（函数（事件）{..和一个在它之外...对于页面加载期间舞台上的默认值。

我应该采用更好或更有效的方式吗？

绑定到动态添加的元素

0 个答案: