2013-01-16 1 views
0

저는 매우 기본적인 ColorBox 샘플 작업을 수행 할 수 없습니다.jquery ColorBox - 인라인 콘텐트가 처음으로 만 표시되었습니다.

최초로 올바르게 표시되는 간단한 인라인 div이지만 그 후에는 표시 할 콘텐츠가 없습니다 (색상 상자가 매우 작게 나타남 - 내부에는 내용이 표시되지 않음).

<html> 
<head> 
<title>Colorbox Test</title> 
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 
<!-- Add colorbox --> 
<link rel="stylesheet" type="text/css" href="css/colorbox.css"> 
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     $('a.enter').colorbox({inline:true}); 
    }); 
</script> 
</head> 
<body> 
     <div class="wrapper"> 
     <a class="enter" href="#entrydiv">Click To Enter</a> 
     </div> 
     <div style="display:none"> 
      <div id="entrydiv"> 
       <h2>Enter your details below</h2> 
      </div> 
     </div> 
</body> 
</html> 

누구든지 내게 어떤 포인터를 줄 수 있습니까? 나는 SO에 관한 대부분의 관련 질문을 살펴 봤으며 그 중 누구도 정확히 같은 것 같지 않습니다.

+1

당신이 데모를 줄 수있는 문제를 해결? 데모 작업 중입니다. http://www.jacklmoore.com/colorbox/example2/ –

+0

내 버전의 colorbox.js에 문제가 있어야합니다. JSBin에서 데모를 만들고 github의 최신 버전에 링크하면 문제가 해결되었습니다. 감사 – Mark

답변

1

는 GitHub의에서 Colorbox의 최신 버전을 집어 들고 맥

덕분에 사파리와 파이어 폭스 모두에서 테스트 한