關於選擇的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'
});