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

Question

Did anyone succeed in adding a tooltip on chosen-select box? I created a jsFiddle to demonstrate the problem.

This is the relevant code:

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

My guess why this doesn't work, is because the select tag has a style of display: none .

Answer 1

The problem is you weren't initializing the tooltip properly. You must have the data-toggle="tooltip" title="Some tooltip text!" attributes on any element to make a tool tip work properly. I also changed which element you were binding the tooltip too.

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