添加工具提示以在 Bootstrap 3 中选择元素 [英] Add tooltip to select element in Bootstrap 3

问题描述

有人知道如何向选择元素添加 Bootstrap 3 工具提示吗?

Anyone know how to add a Bootstrap 3 tooltip to a select element?

输入或文本区域没有问题.

Having no problems with inputs or textareas.

<select data-toggle='tooltip' data-trigger='focus' data-placement='top' title='The number of tags to create.'>

尝试将数据触发器更改为悬停"之类的其他内容，但没有运气！我们使用的 JS 事件处理程序如下:

Tried changing data-trigger to something else like 'hover' but no luck! The JS event handler we're using is as follows:

$("[data-toggle='tooltip']").each(function (index, el) {
    $(el).tooltip({
        placement: $(this).data("placement") || 'top'
    });
});

谢谢！

推荐答案

像这样创建工具提示..

Create the tooltips like this..

$("[data-toggle='tooltip']").tooltip({
    placement: $(this).data("placement") || 'top'
});

工作演示:http://bootply.com/89593

这篇关于添加工具提示以在 Bootstrap 3 中选择元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！