Question

我有一个带有rails 3.1 partial的div和一个用于在fancybox中打开partial的链接：

<div id="content">

<%= link_to "Terms of Service", "#terms-use", :class =>"terms-use" %>.

<%= render :partial => "pages/terms" %>

</div>

div中的

部分包含 id terms-use

link_to 方法生成的链接为：

<a class="terms-use" href="#terms-use">Terms of Service</a>

这是我的fancybox javascript：

$(function() {
 $("a.terms-use").fancybox({
     'titlePosition'          : 'inside',
    'transitionIn'           : 'none',
    'transitionOut'         : 'none',
     'overlayOpacity'    : '0',
     'autoDimensions'   : false,
     'width' : 610,
     'height' : 130,
     'centerOnScroll' : true, 
  });
  });

当我打开它时，我的花式盒子正常工作。但问题是，当我关闭时，花哨的盒子会在我的父内容 div中创建一个新的白色或空白div，其高度与花式框相同。然后我的父div内容在那个高度扩展。它的意思是增加内容的高度div fancybox的高度。这个白色空白div的位置是相对的。

我如何解决这个问题？

Answer 1

fancybox v1.3.x中描述了here的错误（和解决方法）。

同时确保隐藏了具有以下结构的<div>使用条款内容：

<div style="display:none;">
 <div id="terms-use">..content..</div>
</div>

使用导轨3.1关闭额外的花式盒子

1 个答案: