使用Ajax回发后的jQuery Datepicker错误

Question

my Datepicker works fine, but after postback it doesn't work any more. I tried also pageLoad method but it still doesn't work.

I have a List of Items from database. If I click an item of the list, I get the information about it in a table from database (I used POST Method with Ajax).

Jquery:

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

Textfield:

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

I've googled for hours but found nothing that worked for me.

EDIT NOTE: Errors after trying Rahil Wazir's help:

Answer 1

Use this:

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

You have to use $(document).on handler when dom updates. And add event focus to trigger the datepicker handler.

Edited:
See this answer for further help