FancyBox가 트리거되지 않음 -

Question

개발중인 웹 사이트에 대해 jQuery fancyBox의 여러 인스턴스를 사용하고 있습니다. 테스트 URL에 있습니다. http://youwontbelievewhathappened.com/Test/test.html

내가 설정을했습니다이 마크 업의 종류와 함께 사이트 내 멋진 상자의 대부분은 전화 :

먼저 마크 업 : 콘텐츠에 대한

<a href="#blogpostBox" title="Blog Post">Blog Post</a> 

     <br /><br /> 

<a href="#announcementBox" title="Announcement Box">Site Announcement</a> 

전화 :

<div class="fancybox"> 
    <div id="blogpostBox" style="width:400px;height:100px;overflow:auto;"> 
    [This is the blog post] 
    </div> 
    </div> 

    <div class="fancybox"> 
    <div id="announcementBox" style="width:400px;height:100px;overflow:auto;"> 
    [This is the announcement] 
    </div> 
    </div> 

하지만 마지막 두 링크의 경우 fanc 에 대한 y 상자; 이것은 그것을 유발하지 않을 것이다. 사이트의 URL 끝에 '#contentdiv'이로드됩니다. 내가 운 좋게도 그걸 옮기고 시험해 보았을 때 그 위치가 될 수는 없다. 어떤 제안?

두 귀찮은 링크가 표시, 확장 가능한 오른쪽 사이드에있는 당신이 결코 실제로 해당 링크에 fancybox를 호출하지 것처럼 보이는

Answer 1

날 '을 클릭합니다'.

//// Fancybox links 
$("#footer a,#friendsbox a,#moreinfo, #rightsidebar a").fancybox(); 
$("#openTextEntry").fancybox({onClosed:update_textEntry}); 

Answer 2

사용

: 그래서 그냥 선택기에 그것을 추가

//// Fancybox links 
$("#footer a,#friendsbox a,#moreinfo").fancybox(); 
$("#openTextEntry").fancybox({onClosed:update_textEntry}); 

을하지만 그 링크는 #rightsidebar 내부에 : 당신의 scripts.js 파일에서

, 이러한 선택기와 fancybox를 호출

<div class="lightbox"> 
<a class="iframe" href="#announcementBox" title="Announcement Box">Site Announcement</a> 
</div> 

다음 스크립트를 추가하십시오 :

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.lightbox a').fancybox({ 
     width : your preffered, 
     height : your preffered, 
     opacity : true 
    }); 
}); 
</script>