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宽度在Vimeo内联中默认为300而不是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>

FancyBox没有缩放到内联内容的高度

3 个答案: