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

时间:2012-12-18 10:20:35

标签: javascript ajax jquery fancybox

我通过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);之前,之前和之后尝试了各种各样的职位,但我没有让它发挥作用。

4 个答案:

答案 0 :(得分:2)

$.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
        });
    }
}

答案 1 :(得分:1)

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

答案 2 :(得分:1)

尝试:

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

答案 3 :(得分:-2)

我可以回答并解决自己的问题:所有解决方案似乎都有效,但您必须定义minWidthminHeight。它不适用于widthheight

相关问题