关于选择的Twitter引导工具提示不起作用

Question

有没有人成功地在chosen-select框上添加了工具提示？ 我创建了一个jsFiddle来演示该问题。

这是相关代码：

$('body').tooltip({ selector: '.chosen-select', animate: true, delay: 400, placement: 'right', trigger: 'click hover focus manual', });

我的猜测为什么不起作用，是因为select标记具有一种display: none样式display: none 。

Answer 1

问题是您没有正确初始化工具提示。 您必须具有data-toggle="tooltip" title="Some tooltip text!" 属性上的任何元素，以使工具提示正常工作。 我还更改了绑定工具提示的元素。

见小提琴。 http://jsfiddle.net/e62Wu/50/

HTML

<select class="chosen-select" data-toggle="tooltip" title="Some tooltip text!">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

JS

$('.chosen-container').tooltip({
    animate: true,
    delay: 400,
    placement: 'right',
    trigger: 'click hover focus manual'
});