2014-11-24 7 views
-1

JavaScript 코드가 실행되지 않는 이유를 알아 내려고 애 쓰고 있습니다.자바 스크립트가로드되지 않습니다

내가 무엇을 놓쳤는 지 말해 줄 수 있습니까? :(

JSFiddle

HTML

<div class="po-markup"> 
    <br> 
    <a href="#" class="po-link">Hover me </a> 
    <div class="po-content hidden"> 
     <div class="po-title"> 
      <img src="http://g.etfv.co/http://www.cnn.com" alt="Google" width="16" height="16" /> 
      Title 
     </div> 
     <div class="po-body"> 
      <p> 
       Any Description .... 
      </p> 
     </div> 
    </div> 
</div> 

JS JS

+1

코드를 캡쳐 화면으로 캡쳐 할 수 있습니까? –

+0

대괄호/괄호를 맞추면 문제가 발생합니다. –

+3

모든 의견을 주셔서 감사합니다. 누군가 내가 이미 잘못한 것을 지적했다. 도와 주신 모든 분들께 감사드립니다. – iori

답변

2

닫으한다없는 });

$(document).ready(function() { 

    $('.po-markup > .po-link').popover({ 
     trigger: 'hover', 
     html: true, // must have if HTML is contained in popover 

     // get the title and conent 
     title: function() { 
      return $(this).parent().find('.po-title').html(); 
     }, 
     content: function() { 
      return $(this).parent().find('.po-body').html(); 
     }, 

     container: 'body', 
     placement: 'right' 

    }); //add it 
}); 

또한 부트 스트랩 예 : 3.2.0 버전

을 추가해야합니다 당신은 당신의 코드에서 jQuery 라이브러리를 예를 들어 추가해야

페이지 onLoad에서이 jsfiddle

2

문제의 번호가 jsfiddle에 있습니다

  • 당신은 jQuery를
  • 당신은 가 팝 오버를 정의하는 라이브러리를 참조되지 않습니다 (참조되지 않음)
  • 자바 스크립트가 올바르게 구성되지 않았습니다. 기능을 종료하고 });으로 전화해야합니다.
관련 문제