javascript - JQueryFancyboxフォーム

Question

私は最近JQueryを学び始めました、そして私はそれでうまくやっています。ただし、 FancyBoxを使用していて、 問題が発生しています。

<div>iframeではなく内部にフォームを表示したい。<div style="display: hidden;">FancyBoxでを表示する方法がわかりません 。

http://jsfiddle.net/nLcMh/21/

非表示のdivタグ内にフォームがあり、FancyBoxを使用して表示したいと思います。Fancyboxは、JQueryライトボックスの一種です。

Answer 1

より多くのオプションを備えたものが必要な場合は、このフィドルを試してください。

$("a.openform").click(function () {
        $.fancybox(
                $('.form').html(),
                {
                    'width'             : 950,
                    'height'            : 1100,
                    'autoScale'         : false,
                    'transitionIn'      : 'none',
                    'transitionOut'     : 'none',
                    'hideOnContentClick': false,
                    'onStart': function () {
                      //On Start callback if needed  
                    }
                 }
            );
    });

http://jsfiddle.net/RQQ5r/1/

Answer 2

更新されたフィドル：http：//jsfiddle.net/nLcMh/28/
リンクをに変更<a href="#form" class="openform">See Form</a>