부트 스트랩 툴팁

내 자바 스크립트를 작동하지 않습니다 :부트 스트랩 툴팁

<script> 
    $(function(){ 
     $('a[rel=tooltip]').tooltip(); 
    }); 
</script>

그리고 내 HTML : 이것은 부트 스트랩 2.0 툴팁을 표시하지만, 몇 가지 기본을 보여줍니다하지 않습니다

<br><br><br>This is an example of a sentence with a 
<a href="#" rel="tooltip" title="This is the tooltip!">tooltip</a>!

합니다.

출처

2012-03-02 Ali Gajani

정확히 무엇이 잘못되었는지를 설명하기에 충분하지 않으므로 문제를 자세히 설명해야합니다. 기본적으로 무엇을 의미합니까? 툴팁의 스크린 샷을 게시하십시오. 귀하의 페이지에 포함 된 자바 스크립트 파일, 포함 된 CSS 및 포함 된 자바 스크립트를 포함한 더 많은 코드를 게시하십시오. –

나는 이미 그게 관련이있다. 왜 내가 전체 코드를 올리 길 원합니까? –

@AliGajani 마크 업을 게시하면 js 스크립트가 포함되어 있고 무엇이 포함되어 있지 않은지 확인하는 데 도움이됩니다. –

꼬리말에 코드를 추가 해보십시오. 그것은 나를 위해 일했다! 어떤 이유로 헤더에서 작동하지 않습니다!

출처

2012-03-05 13:40:28 Karthik

않았다. Worked :) :) –

빠른 A를 추가하기 만하면됩니다. 기본 jQuery 라이브러리가로드 된 후 모든 jQuery 함수를 추가해야합니다. $ (document) .ready() 메서드 내에서 호출되어야합니다. –

.tooltip 클래스에 대한 모든 CSS 스타일을로드했는지 확인하십시오.

이 도구 설명이 없으면 툴팁이 브라우저 창의 보이는 부분 바깥에 표시 될 수 있습니다. 당신도이 참조해야

<script type="text/javascript"> 
    $('.tip').tooltip(); 
</script>

참고 : 당신이 포함되어 있는지 확인 동일한 파일에

<a href="#" rel="tooltip" class="tip" title="Rating:' + rating + '">'+ name +'</a>

출처

2012-03-23 14:35:44

의 다음과 같이 당신이 당신의 툴팁을 선언 선언했습니다 가정 해 봅시다 HTML이 참조하거나 포함하는 코드 뒤에 코드를 붙이십시오.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.tip').tooltip(); 
    }); 
</script>

또한 jQuery 선택기는 하나의 툴팁 ID가 아닌 툴팁 클래스를 참조합니다.

출처

2012-08-05 01:15:22

부트 스트랩 툴팁

답변

관련 문제