在Bootstrap日期選擇器內使用Bootstrap工具提示

Question

我的老闆讓我把工具提示放在「.datepicker-switch」元素上，因爲默認情況下它不是很直觀（誰會知道你可以點擊它？）。我一直在擾亂我的腦子想這是爲什麼不工作弄清楚，我的JS：

$('#dob').datepicker({ 
    autoclose: true 
}); 

$('.datepicker-switch').tooltip({ 
    title: "Click here to expand view" 
}); 

沒有控制檯錯誤，日期選擇器功能就好了，但是當我將鼠標懸停在中心出現任何提示按鈕（它是類「datepicker-switch」的元素）。我該如何做這項工作？

在此先感謝。

Answer 1

您正在嘗試引用.datepicker-switch，但它不在DOM中。

檢查datepicker events docs。您可以等待datepicker添加到dom，爲此添加show事件到日期選擇器。在那裏添加你的工具提示代碼。

$('#dob').datepicker({ autoclose: true }).on("show", function(e) { 
    $('.datepicker-switch').tooltip({ 
     "title": "Click here to expand view" 
    }); 
});