首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Div额外关闭rails 3.1花式盒

Div额外关闭rails 3.1花式盒
EN

Stack Overflow用户
提问于 2011-12-13 19:57:07
回答 1查看 420关注 0票数 0

我有一个带有rails 3.1分部的div和一个在fancybox中打开分部的链接:

代码语言:javascript
复制
<div id="content">

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

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

</div>

在div内部有一个带有id术语的分部--使用

link_to方法生成的链接是:

代码语言:javascript
复制
<a class="terms-use" href="#terms-use">Terms of Service</a>

这是我拥有的fancybox javascript:

代码语言: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内容就会在这个高度扩展。它的平均值增加了内容的高度,增加了fancybox的高度。这个白色空白div的位置是相对的。

我怎么才能解决这个问题?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-12-13 20:45:44

fancybox v1.3.x描述的这里有一个bug (和解决办法)。

还请确保使用内容的术语的<div>是用以下结构隐藏的:

代码语言:javascript
复制
<div style="display:none;">
 <div id="terms-use">..content..</div>
</div>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8495347

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档