Javascript JS can'；动态添加内容时调用函数

好的，我有这个HTML：

<td class="text-left"><button type="button" onclick="addImage('<?php echo $language['language_id']; ?>');" data-toggle="tooltip" title="<?php echo $button_banner_add; ?>" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td>

然后我想调用这个div上的函数

此功能：

<script type="text/javascript">
  $(function () {
    $('#datetimepicker1').datetimepicker();
  });
</script>

$（函数（）{
$（'#datetimepicker1'）。datetimepicker（）；
});

---

但是这个div是动态添加的，我不知道，但是函数没有运行。

为什么不在addImage函数的底部初始化datetimepicker，或者从那里调用另一个函数

function addImage(language_id) {
        html = '  <td class="text-left"><div class="row"><div class="col-sm-6"><div class="form-group"><label class="col-sm-2 control-label" for="date-ended"><?php echo 'Date Started' ?></label><div class="input-group date" id="datetimepicker1"><input name="background_images_date_ended" type="text" id="date-ended" class="form-control" /><span class="input-group-addon"><i class="fa fa-calendar"></i></span></div></div></div></div></td>';

$('#images' + language_id + ' tbody').append(html);
$('#datetimepicker1').datetimepicker();
}

---

对于动态添加的元素，必须使用如下事件处理程序：

someElement.addEventListener( "click", function() { 
       //some code to run on click
});

---

这应该适用于您，然后在添加dynamicallyName要调用的函数后重新初始化datetimepicker，并在addImage函数末尾调用它。

function addImage(language_id) {
  ....
  initDatepicker();
}

function initDatepicker () {
    $('#datetimepicker1').datetimepicker();
}

someElement.addEventListener( "click", function() { 
       //some code to run on click
});