FancyBox не масштабируется до высоты встроенного контента

Question

У меня есть ссылка, которая запускает скрытый div, который должен отображаться в fancybox. Содержимое каждого скрытого div имеет разную высоту. Прямо сейчас, когда открывается fancybox, содержимое div выходит за пределы fancybox. По какой-то причине это не изменяет размер.

Вот образец HTML:

<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:

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

Любая идея, как получить окно, чтобы изменить размер. Я пробовал функцию изменения размера, но это нарушает код. Я должен ошибаться. Вот что я пробовал.

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

Answer 1

Является ли содержание скрытым при открытии Fancybox? Если это так, FancyBox не может определить размер скрытого элемента.

Answer 2

В вашем коде выше вы не закрываете первый div.

Answer 3

с аналогичным issue, где ширина fancybox по умолчанию равна 300 NOT 600 на встроенном Vimeo.

// 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>