动态添加新数据时调整FancyBox模式的大小

Question

我在下面的页面上有一个表单：

http://mmicet.yazminmedia.com/qseries

（点击底部的"让我在Q上更新"按钮。）

这是一个使用frmValidator的表单：http://www.javascript-coder.com/.它基本上与我在联系人页面上成功使用的表单相同。

我在FancyBox API页面上读到，当添加新数据时，有一个调整大小的函数可以调整模态的大小。但是，模态没有调整大小。相反，我的身体被推倒了，底部被推倒了。（只需提交表格而不在表格中输入任何信息，就可以重复这种行为。）

这些是我为模式设置的选项：

$("#qs_button").fancybox({
    'titleShow'     : false,
    'scrolling'     : 'no',
    'autoDimensions'    : false,
    'autoScale'     : false,
    'width'         : 600,
    'height'        : 870,
    'showCloseButton': true,
    'onClosed'      : function() {
        $("#login_error").hide();
    }       
});

我正在启动表单提交时的调整大小功能：

$("#qseries_form").bind("submit", function() {
    $.fancybox.resize();
    $.ajax({
        type        : "POST",
        cache       : false,
        url     : "/qseries.php",
        data        : $(this).serializeArray(),
        success: function(data) {
            $.fancybox(data);
        }
    });
    return false;
}); 

有人知道为什么调整大小不起作用吗？

谢谢！

Answer 1

只是猜测，但在数据被放在那里之后，你不应该调整Fancybox的大小吗？类似于：

$("#qseries_form").bind("submit", function() {
    $.ajax({
        type        : "POST",
        cache       : false,
        url     : "/qseries.php",
        data        : $(this).serializeArray(),
        success: function(data) {
            $.fancybox(data);
            // resize after data's updated...
            $.fancybox.resize();
        }
    });
    return false;
});

希望我在这里没有完全偏离目标！

Answer 2

试试这个吧，因为这在我最近的一个项目中起到了作用，我必须在单击单选按钮时增加/减少窗口大小。

$（'#fancybox content'）.css（'height'，'253px'）；