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

时间:2016-02-09 18:14:53

标签: twitter-bootstrap-tooltip

这里有绝对的菜鸟。我的目标是在单击bootstrap-glyphicon时显示bootstrap-tooltip。但它出现在悬停上。在这里分享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()
    });

请让我知道我哪里出错了。

1 个答案:

答案 0 :(得分:3)

我认为除了CSS文件之外你还需要包含Bootstrap JavaScript文件,然后它应该可以工作!

https://jsfiddle.net/a4WwQ/1082/

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