Javascript 使用Ajax回发后出现JQuery日期选择器错误

我的日期选择器工作得很好，但回邮后就不再工作了。我也尝试了pageLoad方法，但仍然不起作用

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

Jquery：

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

$（函数（）{
var pickerOpts={dateFormat:$.datepicker.ATOM}；
$（“#日期选择器”）。日期选择器（pickerOpts）；
});

文本字段：

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

echo（“”）；

我在谷歌上搜索了几个小时，但没有找到对我有用的东西

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

使用以下方法：

<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>

$（函数（）{
var pickerOpts={dateFormat:$.datepicker.ATOM}；//将其放在下面的内部。如果此项也更新，则在处理程序上。
$（文档）.on（'focus'，'#datepicker'，函数（e）{
$（this）.datepicker（pickerOpts）；
});
});

当dom更新时，必须使用处理程序。并添加事件以触发datepicker处理程序

编辑：

---

请参阅此以获取进一步帮助

我在代码中实现了它，但现在日期选择器根本不起作用。我从“about.php”页面获得了关于列表项的信息。因此，我必须在列表所在的页面（“list.php”）或获取信息的页面（“about.php”）上编写JQuery函数吗？在开发者控制台中复制

$（document）.

代码，并告诉我这是否有效。我已将错误添加到问题中。“auftraege.php”是我的“list.php”，似乎您还没有包含jquery日期选择器库，如果包含了它，请确保在jquery库之后调用它。@rahilWazir我已修复该错误。唯一的一个是：TypeError:$.datepicker是未定义的var pickerOpts={dateFormat:$.datepicker.ATOM}；ajax是提取一段数据来替换还是替换所有dom元素？ajax只替换一个div。上面的列表仍然保留。