Div дополнительно, чтобы закрыть фантазии коробку с рельсами 3,1

Question

у меня есть DIV с микросхемой рельсами 3.1 парциальное и ссылку, чтобы открыть частичное в FancyBox:

<div id="content"> 

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

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

</div> 

внутри DIV имеет частичный с ид Условия использования

The ссылки генерируемой 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>