在Bootstrap Datepicker中使用Bootstrap工具提示

Question

我的老板让我在“.datepicker-switch”元素上添加一个工具提示，因为它默认情况下不是很直观（谁知道你可以点击它？）。我一直在绞尽脑汁想弄清楚为什么这不起作用，我的JS：

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

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

没有控制台错误，datepicker功能很好，但是当我将鼠标悬停在顶部的中心按钮（这是具有“datepicker-switch”类的元素）时，不会出现工具提示。我怎样才能做到这一点？

提前致谢。

Answer 1

您正在尝试引用.datepicker-switch，但它还没有在DOM中。

检查datepicker events docs。您可以等待将datepicker添加到dom中，为此添加show事件到datepicker。在那里添加您的工具提示代码。

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