Fancybox动态调整高度iframe

Question

Fancybox v1.3

为什么更改内容时fancybox的高度不会改变。当我单击内容中的按钮时，会有新输入，因此内容的高度已更改，但fancybox高度不等于内容高度。 Fancybox高度在第一次展示时等于内容高度。

＆＃13;

＆＃13;

$('a[href*="invite_to_event"]').each(function () {
						$(this).fancybox({
							autoScale:false,
							type: 'iframe',
							width:585,
							scrolling:'no',
							padding:'0',
							autoSize:false,
							showCloseButton:false,
							hideOnOverlayClick:false			
});

＆＃13;

＆＃13;

＆＃13;

以下是我在iframe中的内容：

＆＃13;

＆＃13;

<div id="invForm" class="invite_form" style="max-height:682px;">

      /*bla bla bla*/
  
	<div class="btn-group">			
		<input type="button" onclick="if ($('.group').length<10) AddOneGuestForm()" disabled="disabled" value="Добавить еще одного гостя" id="addOneBtn">
		<input name="lab1" type="text" id="lab1" class="server_element">
      	<input type="submit" name="sendBtn1" value="Отправить приглашение" id="sendBtn1" class="server_element">			
		<input type="button" onclick="send_invite_click();" disabled="disabled" value="Отправить приглашение" id="sendBtn">
	</div>		
</div>

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

.invite_form{
    width: 585px;
    max-height: 682px;
    min-height: 338px;
    border-radius: 5px;
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: auto;
}

＆＃13;

＆＃13;

＆＃13;