chosen-select상자에 툴팁을 추가하는 데 성공한 사람이 있습니까? 문제를 설명하기 위해 jsFiddle 을 만들었습니다 .
다음은 관련 코드입니다.
$('body').tooltip({ selector: '.chosen-select', animate: true, delay: 400, placement: 'right', trigger: 'click hover focus manual', });
이것이 작동하지 않는 이유는 select태그의 스타일이 display: none.
문제는 툴팁을 제대로 초기화하지 않았다는 것입니다. 당신은 해야한다 이 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'
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다