Jquery:如何显示bootstrap工具提示

时间:2016-01-18 11:29:05

标签: jquery twitter-bootstrap tooltip

在我的情况下,当用户将鼠标放在输入控件上但我想触发工具提示时,工具提示即将到来。表示验证失败时,工具提示将显示在输入控件下方。

这是我用来显示工具提示的代码。告诉我在这段代码中要编辑什么。

var options = { html: true, placement: 'bottom', title: '<div class="tooltip-alert alert-danger" data-placement="bottom">' + message + '</div>' };
        $(inputElement).addClass('validation-error');
        inputElement.tooltip("destroy")
            .addClass("error")
            .tooltip(options);

感谢

2 个答案:

答案 0 :(得分:3)

完成评论后,我觉得在出现错误时需要显示静态工具提示。

Bootstrap工具提示trigger=manual正是您所需要的。

这是你的小提琴:Fiddle

修改 添加了隐藏按钮以隐藏工具提示。

Fiddle# 2

希望这有帮助。

- 帮助:)

答案 1 :(得分:1)

使用这种方式:

$(element).tooltip("show");

因此,当发生验证错误时,您需要使用:

inputElement.tooltip("show");