如何在fancybox中显示内容？

Question

我试图在fancybox中显示一个表单，但我无法让它显示出来。 我不知道这个花式箱的工作原理。

我的代码如下所示：

<a href="#divForm" id="fancyButton">Show Fancybox</a> <div id="divForm" > <form action="code_eingabe.php" method="post"> <table > <tr> <td colspan="2"><h1>E575 - Gewinnspiel</h1></td> </tr> <tr> <td colspan="2"><?php if(isset($text)){echo $text;} ?></td> </tr> <tr> <td><input type="text" name="code"/></td> <td><input type="submit" name="submit" value="submit!"/></td> </tr> </table> </form> </div>

Answer 1

您必须使用包含display: none

的div来包装您的内容

<div id="divForm" style="display: none">
<-- put your content here -->
</div>

修改 弹出：注册时看到弹出的fancybox内容的示例：

$("#Register").click(function() {
    if($(this).is(':checked')) {
        alert("This is a fancybox! Register here.")
        $('#CheckoutOptions').fancybox('');
    }
})