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

【问题标题】：Bind the event handlers datetimepicker on input after div reloading在 div 重新加载后在输入上绑定事件处理程序 datetimepicker
【发布时间】：2018-08-31 10:54:33
【问题描述】：

这是我在 $(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>*", "");?

【问题讨论】：

您是通过 ajax 重新加载 div 或 element 吗？如果是这样，那么您必须在成功回调 ajax 时重新初始化 datepicker
@UttamUghareja 编辑帖子。我正在重新加载包含所有元素的 div。如何在成功回调时重新初始化 datepicke？

标签： javascript jquery html

【解决方案1】：

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

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

【讨论】：

我不知道是否可以在 .load() 之后调用函数。感谢您的建议。