컬러 박스 인라인이 작동하지 않음

Question

<script type="text/javascript" charset="utf-8"> 
     $(document).ready(function(){   
     $(".popup-thumb").colorbox({inline:true, width:"50%"});  
     }); 
</script> 

<a href="#bap1" class="popup-thumb"> 
      <img src="projects/bachelor/thumb001.png"> 
      <div class="summary"> 
       <h5>..</h5> 
       <p>...</p> 
      </div> 
    </a> 
    <div style="display: none;"> 
      <div class="popup" id="bap1"> 
      <p>...</p> 
      <img src="projects/bachelor/001.png"> 
      <ul>.. 
      </ul> 
      </div> 
     </div> 

왜 작동하지 않는지도 모르겠습니다. 팝업 div가 전혀 나타나지 않습니다. 제 생각에 그것은 간단한 트릭이라고 생각합니다 ...

Answer 1

HTML5가 아닌 환경에서 의미가없는 블록 요소 주위에 앵커 태그를 배치하고 있습니다. - 그래서 만약, 바이올린에서 보듯이 작동되는 코드

$(document).ready(function(){   
    $(".popup-thumb").colorbox({inline:true, width:"50%"});  
}); 

참고 :

당신이 당신의 HTML을 수정 그래서 경우 여기서 일해야한다는 바이올린을 http://jsfiddle.net/bNa3Z/

<a href="#bap1" class="popup-thumb">Show</a> 

<div style="display: none;"> 
    <div class="popup" id="bap1"> 
     <p>Hello World</p> 
    </div> 
</div> 

추가 jQuery를하다 여전히 작동하지 않습니다. jQuery가 실행 중인지 확인하십시오. -

$(function(){ 
    alert('jQuery is running.'); 
}); 

그리고 플러그인을 올바르게 포함하고 있어야합니다.