删除动态输入字段后，日期时间选择器未正确调用/绑定

Question

我正在使用以下版本的 jquery datetimepicker

JQuery v1.7.2
JQuery UI - v1.10.3
jQuery timepicker addon V1.3

在一个模块中，我通过单击 "+" 动态创建输入字段，并为动态创建的输入绑定 datetimepicker，并通过单击 删除该输入字段“-”。

我的动态输入字段总是如下创建：

datepickerfrom_1_1
datepickerfrom_1_2
datepickerfrom_1_3
datepickerfrom_1_4
datepickerfrom_1_5
.
.
.

我正在使用 jQuery 绑定 datetimepicker，如下所示：

$(window).load(function() {
    $('body').on('focus', 'input[id^="datepickerfrom"]', function() { // Id's Containing "datepickerfrom" string, bind the datetimepicker
        $(this).datetimepicker({
            dateFormat: 'yy-mm-dd',
            timeFormat: 'HH:mm:ss'
        });
    });
}); 

创建动态输入时，script(datetimepicker) 工作正常。

问题： 我通过单击 "+" 添加一些动态输入字段，然后通过单击 "-" 删除一些输入，我再次添加一些动态输入字段。第二次创建的输入字段没有正确调用/绑定 datetimepicker。

可能是什么问题？我该如何解决？

Answer 1

我刚刚在 jsfiddle 中尝试过，它成功了，这是链接：http://jsfiddle.net/juTRR/

如果您知道您的问题，请在 jsfiddle 中重现它，以便我们可以看到它是什么，因为我没有看到它。也许尝试使用$(document).ready 而不是$(window).load，这是我唯一改变的。或者，问题实际上出在您的添加和删除功能上，如果是这样，您应该将它们放在您的帖子中。

Answer 2

我认为问题在于“on”函数中的 jquery 上下文。在函数 jquery.on 中，您使用 $(this)。 $(this) 将引用您的主要选择器：$('body')。

你试过了吗：

$('input[id^="datepickerfrom"]').on('focus', function() {

Examples 表明您需要一个输入字段。所以我假设 $('input[id^="datepickerfrom"]') 是你的输入字段。