Popover中的日期选择器不会显示

Question

使用Twitter Bootstrap和Bootstrap-datepicker扩展名。我无法在popover内使用日期选择器显示。

<a href="#" id="add-event-button" class="btn btn-small">Add an Event</a> 

$(document).ready(function() { 

    $("#add-event-button").popover({ 
     title: "Add an Event", 
     placement: 'bottom', 
     content: '<input class="datepicker" type="text" />', 
     html: true 
    }).click(function (e) { 
     e.preventDefault(); 
    }); 
}); 

的酥料饼显示得很好，并且<input class="datepicker" type="text" />外酥料饼的上下文的显示日期选择器细。有任何想法吗？

Answer 1

尝试与回调延长酥料饼的功能，因为日期选择器不能被添加到负载的不存在的元素，尝试这个办法：从这里回调扩展的解决方案：

var tmp = $.fn.popover.Constructor.prototype.show; 
$.fn.popover.Constructor.prototype.show = function() { 
    tmp.call(this); 
    if (this.options.callback) { 
    this.options.callback(); 
    } 
} 

$("#add-event-button").popover({ 
    title: "Add an Event", 
    placement: 'bottom', 
    content: '<input class="datepicker" type="text" />', 
    html: true, 
    callback: function() { 
    $('.datepicker').datepicker(); 
    } 
}).click(function (e) { 
    e.preventDefault(); 
}); 

编辑Callback function after tooltip/popover is created with twitter bootstrap?