2013-07-06 3 views
0

내 bootstrap.js가 드롭 다운과 모달 팝업을 호출하여 작동하는지 확인했습니다. 둘 다 작동하지만 툴팁을 작동 시키려고하면 실패합니다. 지금까지 내가 문서 here에서 이해 당신은 단지이를 추가해야한다부트 스트랩 JS가 작동하지만 툴팁이 아닙니다.

<a href="#" data-toggle="tooltip" title="" data-original-title="Default tooltip">you probably</a> 

그러나, 툴팁이 전혀 표시되지 않습니다. 그러나 아래에서와 동일한 API로 호출 한 드롭 다운은 작동합니다.

<div class="dropdown"> 
    <a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html"> 
     Dropdown 
     <b class="caret"></b> 
    </a> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
     ... 
    </ul> 
</div> 
+1

맞춤형 버전의 BStrap 또는 전체 버전을 다운로드 했습니까? 또한 JS 코드를 구현 했습니까? –

+0

Thanks @ Mr.Web 그것은 구현하지 않은 "$ ('[data-toggle ="툴팁 "]') tooltip() 부분이었습니다. Bojangles의 답변 덕분에 지금은 완벽하게 작동하고 있습니다. – Sarel

답변

4

툴팁을 잘못 사용하고 있습니다. title 속성 만 제공하면됩니다. 툴팁 플러그인은 data-original-title 자체를 설정합니다. 문서에서 또한

:

성능상의 이유로는 툴팁과 팝 오버 데이터 API는 당신이 그들에게 자신을 초기화해야 의미에서 선택된다. 포괄 같은

$('[data-toggle="tooltip"]').tooltip() 

:

그래서, 그런 짓을. 그래도 성능을 유지하려면 요소를 적게 선택해야합니다.

+0

아 멋지고, 고마워! 그 문서에서 놓친, 나는 내가 추측을 읽는 것을 배워야한다 :) – Sarel

관련 문제