1

fancybox2 を使用してフォームを作成したいと考えています。必要に応じて fancybox2 フォームが表示され、右上の X ボタン、エスケープ キー、またはこのコンテンツ内に追加する送信、キャンセル ボタンを使用してのみ閉じることができます。どうすればこれを達成でき、バックグラウンドのすべてのものを無効にして誰もクリックできないようにするにはどうすればよいですか? 次の例ではうまくいかないようです：

jQuery(document).ready(function(){
    $(".fancybox").fancybox({

        width:600,
        height: 300,
        closeBtn    : true,
        closeClick  : true,
        openEffect  : 'elastic',
        closeEffect : 'elastic',
        scrolling   : 'no',
        autoSize    : false,
        fitToView   :   true

    });
});

        <div class='fancybox' style="display: block;width:600px;height:300px;border:1px solid black;position: absolute;left:300px;top:300px;">TEST DIV</div>
4

2 に答える 2

1 
$(".fancybox").fancybox({
    width: 600,
    height: 300,
    closeBtn    : true,
    closeClick  : false, // prevents closing when clicking the background 
    openEffect  : 'elastic',
    closeEffect : 'elastic',
    scrolling   : 'no',
    autoSize    : false,
    fitToView   : true
});

closeClickに変更false

于 2012-08-16T18:22:56.927 に答える
0

facnybox スクリプト コードでモーダル オプションを true に設定します。

$(".fancybox").fancybox({
    //existing stuff
    modal : true

});
于 2012-08-16T17:35:09.460 に答える