Twitter bootstrap tooltip on selected-select 不工作

Question

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

这是相关代码：

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

我猜为什么这不起作用，是因为select 标签的样式为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'
});