Twitter bootstrap 动态添加元素上的引导日期时间选择器插件
我是jquery新手,在dom加载之后,我在一个元素上添加了bootstrap datetime插件,我正在添加一个元素,该元素具有与调用datetime插件相同的类。但是找不到控制台错误,无法调用插件。因为您可能将datePicker绑定到了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
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.
});
});