Bootstrap 工具提示点击触发器不起作用

Question

这里绝对是菜鸟。我的目标是让 bootstrap-工具提示在单击 bootstrap-glyphicon 时出现。但它出现在悬停上。在这里分享 jsfiddle - https://jsfiddle.net/govind91/Lzzgxcro/

这是html

<span class="glyphicon glyphicon-question-sign" aria-hidden="true" title="Some tooltip text!" data-toggle="tooltip" data-trigger="click" > </span>

Javascript

$(function () {
$('[data-toggle="tooltip"]').tooltip()
    });

请让我知道哪里出错了。

Answer 1

我相信除了 CSS 文件之外，您还需要包含 Bootstrap JavaScript 文件，然后它应该可以工作！

$('a[data-toggle="tooltip"]').tooltip({
    animated: 'fade',
    placement: 'bottom',
    trigger: 'click'
});

Bootstrap tooltip click trigger not working