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

Question

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

现在我想要（或必须）使用 jquery datepicker。它一直有效，直到页面内容更新。我可以在 dom 中看到，datepicker 使用了一个附加的 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/

有什么想法可以在更换页面正文后让日期选择器恢复工作？

Answer 1

如果您将内容放入 a div，而不是body，它将起作用

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

所以只需在 body 中放置一个 div，并将所有操作应用于此开发

Answer 2

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

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