Question

我在下一页有一个表格：

http://mmicet.yazminmedia.com/qseries

（点击底部的“让我在Q上保持更新”按钮。）

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

我在FancyBox API页面上读到，有一个resize函数可以在添加新数据时调整模式的大小。但是，模态没有调整大小。相反，我的表单被推下来，底部被推下看不见了。（只需提交表单而不在其中输入任何信息即可复制行为。）

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

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

我在提交表单时触发了resize函数：

$("#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内容'）的CSS（ '身高'， '253px'）;

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

2 个答案: