선택된 부트 스트랩 툴팁이 작동하지 않음

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