使用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以触发datepicker处理程序。

<强>编辑：
有关更多帮助，请参阅此answer