부트 스트랩 툴팁이 작동하지 않지만 stackoverflow에서 답변을 시도

Question

나는 모든 솔루션을 stackoverflow에서 언급 한 시도하고 아무것도 나를 위해 작동합니다.

<script src="js/bootstrap.js"></script> 
<script type='text/javascript'> 
$('[data-toggle="tooltip"]').tooltip(); 
</script> 

같은과 (성능 이유) 페이지 하단에 HTML

<div class="odd-row"> 
    <strong>10, 000</strong> 
     <a href="#" data-toggle="tooltip" title="Some tooltip text!">Datapoints</a> 
    <i class="fa fa-plus-circle"></i> 
</div> 

에서

헤드 부분은 여전히 ​​다른 파일을 툴팁을

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script type="text/javascript" src="js/jQuery.js"> </script> 
<script type="text/javascript" src="js/retina.js"></script> 

포함 작동 안됨!! 도와주세요.

Answer 1

코드는 저에게 적합합니다.

아마도 JS의 다른 부분에서 HTML 또는 일부 오류의 구조에 문제가있는 것 같습니다.

또한 문서 준비 기능에 코드를 삽입 할 수 있습니다.

$(document).ready(function() { 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 

이게 원하는가요? 데모를보십시오 : http://jsfiddle.net/jdbNa/

Answer 2

부트 스트랩의 경우 bootstrap.js를 넣기 전에 jquery를 넣어야합니다. bootstrap.js를 헤더에 넣으려면 jquery.js를 앞에 붙여야합니다.

닫는 body 태그 앞에 아래쪽에 모든 것을 넣으려고 했습니까? 아마도 그게 효과가있을 것입니다. (나는 stackoverflow에 내가 갖고있는 문제에 대한 툴팁 솔루션을 찾고있다.)

jquery.min.js 다음에 bootstrap.js를 놓은 다음 retina.js 아래에 스크립트를 실행하여 툴팁.