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