FancyBox가 인라인 컨텐츠의 높이를 조절하지 않습니다.

fancybox에 표시해야하는 숨겨진 div를 트리거하는 링크가 있습니다. 숨겨진 div의 내용은 높이가 다릅니다. 지금은 fancybox가 열리면 div 내용이 fancybox의 테두리를 넘어 확장됩니다. 그것은 어떤 이유로 크기가 조정되지 않습니다. 상자 크기를 조정하는 방법을FancyBox가 인라인 컨텐츠의 높이를 조절하지 않습니다.

$("a.faqLink").fancybox({ 
    type : 'inline', 
    autoScale : false, 
    autoDimensions : true

어떤 생각 :

여기

<div class="faqWrapper"> 
<a class="faqLink" href="#faqContent1132116">How Do I Join?</a> 
<div id="faqContent1132116" class="faqBox"> 
<div class="fancybox_wrapper_content"><p>How Do I Join?</p> 
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum 
    sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. 
    Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam 
    erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere 
    sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc 
    ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu 
    dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, 
    accumsan eu, blandit sed, blandit a, eros.<br></p> 
</div> 
</div>

가 fancybox에 대한 트리거 코드 : 여기

는 HTML의 샘플입니다. 크기 조정 기능을 시도했지만 코드가 손상되었습니다. 나는 틀린 것을 시행해야한다. 여기 내가 시도한 것이있다.

$("a.faqLink").fancybox.resize();

출처

2010-08-19 Mike Muller

팬시 박스를 열 때 콘텐츠가 숨겨져 있습니까? 그렇다면 FancyBox는 숨겨진 요소의 크기를 알 수 없습니다.

출처

2010-08-19 17:33:18

숨겨진 콘텐츠에 표시 블록을 사용해 보았습니다. 같은 결과. 텍스트는 상자 경계를 넘어 확장됩니다. –

위의 코드에서 첫 번째 div를 닫지는 않습니다.

출처

2010-11-09 10:38:12 Titan

은 issue이며, 여기서 fancybox 너비는 Vimeo 인라인에서 300 NOT 600으로 기본 설정됩니다.

// slideshow function 
$('a.slide').fancybox({ 
    'autoWidth' : false, 
    'autoResize' : false, 
    'width'  : 600 
}); 


    <a href="#video-1" class="slide"><img src="/site/assets/files/1025/eyho.jpg" title="video"></a> 
    <div style="display:none"> 
    <div id="video-1"> 
     <iframe width="500" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="http://player.vimeo.com/video/61541969?color=ff0179"></iframe> 
    </div> 
    </div>

출처

2013-06-19 13:42:01 benbyford

FancyBox가 인라인 컨텐츠의 높이를 조절하지 않습니다.

답변

관련 문제