javascript - 通过 ajax 调用 fancybox - 在哪里放置选项？

Question

我通过 ajax 调用了一个 fancybox-site-preview 并且不知道在哪里放置更多的 fancybox 选项。

$.ajax({
    type    : "POST",
    cache   : false,
    url     : "../mysite/",
    data    : $('#myform').serializeArray(),
    success : function(data) {
        $.fancybox(data);
        }
    });

我想补充width: '100%', height: '100%', 一下，我在之前和之后的不同位置上尝试过，$.fancybox(data);但我没有让它工作。

Answer 1

$.ajax: {
    type     : "POST",
    cache    : false,
     url : "../mysite/",
     data : $('#myform').serializeArray(),
    success: function(data) {
        $.fancybox({
            'width': 100,
            'height': 100,
            'enableEscapeButton' : false,
            'overlayShow' : true,
            'overlayOpacity' : 0,
            'hideOnOverlayClick' : false,
            'content' : data
        });
    }
}

Answer 2

function (data) {
   $.extend(data, {'width': '100%', 'height': '100%'});
   $.fancybox(data);
}

Answer 3

尝试 ：

$.ajax({
    type: "POST",
    cache: false,
    url: "../mysite/",
    data: $('#myform').serializeArray(),
    success: function(data) {
        $.fancybox(data, {
            "width": "100%",
            "height": "100%"
        });
    }
});​

Answer 4

我可以回答并解决我自己的问题：所有解决方案似乎都有效，但您必须定义minWidth和minHeight。它不适用于widthand height。