使用 Ajax 回发后的 JQuery Datepicker 错误

Question

我的 Datepicker 工作正常，但回发后它不再工作了。我也尝试了 pageLoad 方法，但它仍然不起作用。

我有一个来自数据库的项目列表。如果我单击列表中的一个项目，我会从数据库的表中获取有关它的信息（我使用带有 Ajax 的 POST 方法）。

jquery：

<script>
$(function() {
      var pickerOpts = { dateFormat: $.datepicker.ATOM }; 
      $("#datepicker").datepicker(pickerOpts);
             });
</script>

文本字段：

echo("<input type='text' id='datepicker' value='$db[deadline]'>");

我已经用谷歌搜索了几个小时，但没有发现任何对我有用的东西。

编辑说明：尝试 Rahil Wazir 的帮助后出现错误：

Answer 1

使用这个：

<script>
$(function() {
    var pickerOpts = { dateFormat: $.datepicker.ATOM }; //Place this inside below .on handler if this also updates.
    $(document).on('focus', '#datepicker', function(e){
        $(this).datepicker(pickerOpts);
    });
});
</script>

当 dom 更新时，您必须使用 $(document).on 处理程序。并添加事件focus 以触发日期选择器处理程序。

已编辑：
请参阅此answer 以获得更多帮助