Question

我使用下面的代码，但是使用FancyBox 2，该框总是弹出100px宽。

<a href="#divForm" class="fancybox">Load Form</a>

<div id="divForm" style="display:none; width: 500px;" class="divform">

Just some text in here....

</div>

<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox({

    });
});
</script>

当我查看生成的代码时，我看到那个奇特的盒子似乎是在包装器中添加了一些默认设置。如何告诉它以设定的宽度打开盒子？

Answer 1

正如我在评论中告诉你的那样，如果你在房产中设置宽度和高度＆＃34; STYLE＆＃34;关闭你的div，它以那个WIDTH / HEIGHT打开。

Ex：http://jsfiddle.net/tiagoajacobi/dKbp7/

如果您不想对FancyBox说，要使用特定的WIDTH或HEIGHT打开，您必须使用属性＆＃34; autoSize＆＃34;。 JS示例：

$(".fancybox").fancybox({
    'autoSize': false,
    'width': 200,
    'height': 140
});

JsFiddle Ex：http://jsfiddle.net/tiagoajacobi/mCQ5j/

Fancybox 2 - 无法设置内联宽度

1 个答案: