Twitter bootstrap 动态添加元素上的引导日期时间选择器插件

Twitter bootstrap 动态添加元素上的引导日期时间选择器插件,twitter-bootstrap,dynamic,element,datetimepicker,Twitter Bootstrap,Dynamic,Element,Datetimepicker,我是jquery新手,在dom加载之后,我在一个元素上添加了bootstrap datetime插件,我正在添加一个元素,该元素具有与调用datetime插件相同的类。但是找不到控制台错误,无法调用插件。因为您可能将datePicker绑定到了ready事件上 最好的解决方案是在创建元素之后绑定DatePicker。因此: var myDynamicElementCreateFunction = function () { // ... var $elem = $('<di

我是jquery新手,在dom加载之后,我在一个元素上添加了bootstrap datetime插件,我正在添加一个元素,该元素具有与调用datetime插件相同的类。但是找不到控制台错误,无法调用插件。

因为您可能将datePicker绑定到了
ready
事件上

最好的解决方案是在创建元素之后绑定DatePicker。因此:

var myDynamicElementCreateFunction = function () {
    // ...
    var $elem = $('<div/>'); // Create your element
    $('#my-elem-container').append($elem);
    $elem.datepicker();
}
我没有使用datepicker,所以我不知道它是否提供了一种检查它是否已经附加到元素的方法。您可以通过检查
$(“#我的元素”).datePicker
是否存在来尝试。 如果这不起作用,你可以做一些散列映射来跟踪它们

也许甚至datepicker也足够聪明,知道不需要在同一个元素上重新初始化两次


请记住,在imo中,第一种解决方案更好、更干净,如果可能的话,您应该使用它。

插入新元素后,您必须回忆datepicker。
$(function () {
    $('#my-elem-container').on('click', '.my-elem-selector', function () {
        var $this = $(this);
        $this.datePicker(); // You should probably check whether datapicker is already attached before binding it. 
    });
});