4

부트 스트랩 3 툴팁을 사용 중이며 문서의 예제를 사용했지만 페이지가로드되면 모든 툴팁이 표시 될 때 문제가 자동으로 표시됩니다!페이지에서 볼 수있는 부트 스트랩 3 툴팁로드

나는 그들이 호버에만 표시되기를 원하지만, 어떻게해야합니까?

+0

중복 가능성 http://stackoverflow.com/questions/13572737/twitter -bootstrap-tooltips-on-hover-focus) – Dan

+0

내 코드에 중복 된 부분이 없으므로 HTML 데이터 속성을 사용하여 도구 설명을 표시하고 JavaScript를 사용하여 태그를 표시하도록 전환했지만 이제는 정상적으로 작동하지만 문서에서는 HTML 데이터 속성을 사용합니다. ird! 감사합니다 – yazfield

+2

거기에 다른 일이 계속되어야합니다 (하지만 귀하의 코드없이 더 많은 정보를 말할 수 없습니다), 왜냐하면 데이터 속성 툴팁 도이 일을해서는 안됩니다. –

답변

1

나는이

3

당신이

같이 할 수있는 작동

$('#id').tooltip('show'); 

보십시오이

$('#id').tooltip(); 

희망처럼 변경,이 같은 준비 문서의 부트 스트랩 툴팁을 트리거 생각

$(function() { 
    $('[data-toggle="tooltip"]').tooltip("show"); 
    $('[data-toggle="tooltip"]').find(".tooltip.fade.top").removeClass("in"); 
}); 

또는

HTML에서
$(function() { 
    $('[data-toggle="tooltip"]').tooltip("show"); 
    $(".tooltip.fade.top").remove(); 
}); 

:

<a href="#" data-toggle="tooltip" title="This is tooltip !">Hover over me</a>

([호버 및 초점 트위터 부트 스트랩 툴팁]의