부트 스트랩 요소가 처음 숨겨지면 툴팁이 작동하지 않습니다.

Question

부트 스트랩 툴팁에 자세한 정보를 표시하는 버튼이 있습니다. 내 주요한 문제는이 버튼이 처음에는 div (display : none;)에 숨겨져 있고 div가 표시되면 (display : block;) 툴팁이 작동하지 않는다는 것입니다.

이 문제를 어떻게 극복 할 수 있습니까? 난 이후 ...

$(document).ready(function() 
{ 
    $(".bsTool").tooltip(); 
}); 

다 좋아,하지만 :

Answer 1

좋아, 난 내 문제 ...

내가 .ready() $ (문서)의 부트 스트랩의 툴팁을 초기화하고있어 알아 냈어 UpdatePanels (ASP.NET)를 사용하고 있고 내 콘텐츠가 비동기 포스트 백을 통해 표시/숨겨져 있습니다. $ (document) .ready()가 호출되지 않습니다 !!!

툴팁 모든 비동기 포스트 백 플러그인 (정상 포스트 백)를 초기화하기 위해, 전 페이지로드 기능에 덧붙여

pageLoad() 함수는에 ASP.NET AJAX로 불린다

function pageLoad() 
{ 
    $(".bsTool").tooltip(); 
} 

웹 페이지의 첫 번째로드뿐만 아니라 각 비동기 포스트 백에도 적용됩니다. 따라서 툴팁 플러그인은 비동기 포스트 백 후에 다시 등록됩니다.

문제 해결 :

Answer 2

는 부트 스트랩의 tooltip.js 숨겨진 요소에 잘 작동하지 않는다는 점에 유의하십시오. 부트 스트랩의 문서 (link)의 메모입니다.

대상 요소가 display: none;는 툴팁이 잘못 배치되도록 할 것입니다 때 $(...).tooltip('show')를 호출 숨겨진 요소

에 툴팁을 표시하지 마십시오.