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

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'
});