jquery fancybox2 - 使用fancybox加载div

Question

我有一张表格如下：

<div id='popUpForm' style="display:none;z-index: 999999;">
some content
</div>

和<div id='overlayFormWrapper'></div>

我想触发popUpForm弹出作为fancybox。我该如何实现？我需要在fancybox2中加载该div的内容。 感谢

Answer 1

您需要一个指向该表单的锚点，其中包含特定的class或ID

<a class="fancybox" href="#popUpForm">open form in fancybox</a>

然后你需要使用这个自定义脚本将该选择器（class="fancybox"）绑定到fancybox ...

<script type="text/javascript">
$(document).ready(function() {
 $(".fancybox").fancybox({
   width: 480, // or whatever
   height: 320,
   autoSize : false
 }); // fancybox
}); // ready
</script>

您的表单可能已经通过CSS设置了一些维度，因此在这种情况下，您无需在fancybox中设置width或height，autoSize应设置为{{ 1}}。

PS。我不明白true

的作用是什么

<强>更新： 要在事件发布后启动表单（在fancybox中），您可以创建函数：

<div id='overlayFormWrapper'></div>

然后在事件发生后调用 function 。由于您的function fancyForm(){ $.fancybox({ href : "#popUpForm", autoSize : true, fitToView: false }); } 已经有尺寸，form会根据这些尺寸设置花式框尺寸。