div重新加载后在输入上绑定事件处理程序datetimepicker

Question

这是我在$(document).ready(function () {});内的项目中使用的datetimepicker jQuery

//Set datetimepicker jquery
$('.dateStartTechPicker').datetimepicker({
     format: 'YYYY-MM-DD HH:mm:ss',
});

问题是当我使用以下功能重新加载包含此输入日期时间值的div时：

$('#technicians_div').load(window.location + " #technicians_div>*", "");

仅该div会使用新的日期和时间进行更新，但是我再次单击显示带有datetimepicker选择器的输入的按钮，该窗口小部件不会显示。

我知道.on（action，selector，funciton）在重新加载后会保留事件处理程序，但不知道在我的情况下如何应用。

重新加载div后，我需要使用.datetimepicker在输入上重置事件。

我该如何处理？

我尝试类似的尝试但没有结果：

$('#technicians_div').load(window.location + " #technicians_div>*", "");
//Set again after load datetimepicker jquery
$('.dateStartTechPicker').datetimepicker({
     format: 'YYYY-MM-DD HH:mm:ss',
});

编辑

我重新加载包含所有技术人员元素的div，以便清除所有添加的css规则，并返回存储的只读值。

如何操纵成功 $('#technicians_div').load(window.location + " #technicians_div>*", "");？

Answer 1

$('#technicians_div').load(window.location + " #technicians_div>*", function(){
  $('.dateStartTechPicker').datetimepicker({
      format: 'YYYY-MM-DD HH:mm:ss',
   });
});

您正在ajax完成之前对其进行初始化，datepicker需要在外部成功调用ajax时进行初始化  在加载回调上初始化日期选择器。