Twitter의 부트 스트랩을 사용하여 자바 스크립트 함수를 호출하는 방법은 무엇입니까?

Tritter 's Bootstrap에서 제공하는 자바 스크립트를 사용하고 싶습니다. 모든 .js 파일이 확인되었다고 확인했습니다.Twitter의 부트 스트랩을 사용하여 자바 스크립트 함수를 호출하는 방법은 무엇입니까?

docs을 읽은 후 제대로 작동하는지 테스트하고 싶습니다. 적절한 자바 스크립트 함수를 "호출해야"한다는 것을 이해합니다.

사용하여 부트 스트랩 - tooltip.js 트리거 자바 스크립트를 통해 도구 설명 :. $ ('# 예') 툴팁 (옵션) 나는 그 함수를 호출 할 수있는 방법

? 적절한 HTML을 넣는 것만으로는 충분하지 않은 것 같습니다. 나는 함수를 호출해야합니다.

도움 주셔서 감사합니다.

출처

2012-02-19 Rosamunda

것은 HTML 요소에게 example의 ID 및 적절한 속성이 같은 보내기에

<p><a href="#" rel="tooltip" title="first tooltip" id="example">hover over me</a>,/p>

당신의 <head>, jQuery를가 jQuery를 내 다음로드되어 있는지 확인에 툴팁을 추가 자바 스크립트 <script> 요소를 생성 example의 ID를 가진 요소 :

<script type="text/javascript"> 
    window.onload = function() 
    { 
     if(!window.jQuery) 
     { 
      alert('jQuery not loaded'); 
     } 
     else 
     { 
      $(document).ready(function(){ 
       $('#example').tooltip({'placement':'top', 'trigger' : 'hover'}); 
      }); 
     } 
    } 
</script>

이 뜻을 설정하면 #example 요소 위에 마우스를 올려 툴팁. top을 left, right 또는 bottom으로 변경하여 요소 자체와 관련하여 도구 설명이있는 위치를 변경하십시오.

미래에 원하는 경우가 있습니다.이 방법으로도 팝 오버를 설정할 수 있습니다.

출처

2012-02-19 21:34:52

답장을 보내 주셔서 감사합니다. 나는 그것을 시도했지만 효과가 없다. 링크와 관련된 것이있을 것 같습니까? 나는 내 머리 속에 덧붙였다 : 그리고 (내 자신의 폴더에있는 부트 스트랩 파일 대신)하지만 작동하지 않을 수 있습니다. 다른 것을 놓칠 수 있습니까? – Rosamunda

'' 태그 끝 부분 앞에 JavaScript 파일을로드하십시오. [documentation] (http://twitter.github.com/bootstrap/javascript.html#popovers)의 소스 코드를보십시오. 'bootstrap/js' 폴더에서'jquery.js','bootstrap-tooltip.js','bootstrap.js'를 확인하고 [documentation source code] (http : /twitter.github.com/bootstrap/javascript.html#popovers) 3 개의 파일을'bootstrap/js' 폴더에 저장하십시오 (3 개 이상!). 그래서 나는 당신에게 필요한 모든 것이 확실하지 않습니다. –

감사합니다 !! 네가 옳아! – Rosamunda

Twitter의 부트 스트랩을 사용하여 자바 스크립트 함수를 호출하는 방법은 무엇입니까?

답변

관련 문제