jquery - 删除动态输入字段后,Datetimepicker 未正确调用/绑定(bind)

标签 jquery jquery-ui jquery-plugins datepicker datetimepicker

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

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

在模块中,我通过单击“+”动态创建输入字段,并为动态创建的输入绑定(bind)日期时间选择器,并通过单击删除该输入字段“-”

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

datepickerfrom_1_1
datepickerfrom_1_2
datepickerfrom_1_3
datepickerfrom_1_4
datepickerfrom_1_5
.
.
.

我使用 jQuery 绑定(bind)日期时间选择器,如下所示:

$(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'
        });
    });
}); 

创建动态输入时,脚本(datetimepicker)工作正常。

问题: 我通过单击“+”添加了一些动态输入字段,然后通过单击“-”删除了一些输入,我再次添加了一些动态输入字段。第二次创建的输入字段未正确调用/绑定(bind)日期时间选择器。

可能是什么问题?怎么解决呢?

最佳答案

我刚刚在 jsfiddle 中尝试过,它有效,这是链接:http://jsfiddle.net/juTRR/

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

关于jquery - 删除动态输入字段后,Datetimepicker 未正确调用/绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17104701/

相关文章:

javascript - jQuery同位素无效渲染

javascript - 通过页面 block 进行鼠标滚轮导航

jquery - 如何在 jqueryMobile 中正确创建类似于 iOS tabbarController 的 tabbar Controller ?

javascript - 如何使用css或js更改带有图标的文本

jquery-ui - jQuery 拖放,将元素拖放到滚动区域时不会触发拖放事件

jquery - 未捕获的类型错误 : Object [object Object] has no method 'dialog'

jquery - WTForms 与 Jquery Form Plugin 耦合时如何显示验证错误?

javascript - 当用户单击 'submit' 按钮时捕获信息到日志文件

javascript - 无法在文本区域中添加更多文本

javascript - jQuery 和 OpenLayers 之间的事件监听器冲突