jquery ui datepicker在更换身体后不起作用

Question

我正在开发一个通过ajax更新页面内容的项目。整个身体都被取代了。

现在我想（或必须）使用jquery datepicker。它可以工作，直到页面内容更新。我可以在dom中看到，datepicker使用了一个附加的div，它被我的身体更新删除了。所以在更新之后，datepicker不再起作用了。我认为该插件试图使用已删除的日历div，这在更新后不再可用。

这是我的例子：

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

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

任何想法如何在更换页面体之后让日期选择器重新开始工作？

Answer 1

如果您将内容放在div内，而不是body，则可以使用

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

所以只需在主体内放置一个div，并将所有动作应用于此开发

Answer 2

将其附加到委派的事件处理程序。

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