替換主體后，jQuery ui datepicker不起作用

Question

我正在一個項目中，通過ajax更新頁面內容。 整個身體都被替換了。

現在我想要（或不得不）使用jQuery datepicker。 在頁面內容更新之前，它一直有效。 我在dom中看到，日期選擇器使用了一個附加的div，該div被我的身體更新刪除了。 因此，更新之后，日期選擇器將不再起作用。 我認為該插件嘗試使用已刪除的日歷div，該日歷在更新后不再可用。

這是我的例子：

$(document).ready(function() {
    $('body').html('<input type="text" />');
    $('input').datepicker();
    $('body').html('<input type="text" />');
    $('input').datepicker();
});​

jsfiddle： http : //jsfiddle.net/ZUwu9/

任何想法，我如何才能讓datepicker替換頁面正文后恢復工作？

Answer 1

如果將內容放在div而不是body ，它將起作用

http://jsfiddle.net/ZUwu9/1/

因此，只需在主體內放置一個div，然后將所有操作應用於該開發人員

Answer 2

將其附加到委托的事件處理程序。

$('body').on('focus', 'input', function(){
   $(this).datepicker();
});