web-dev-qa-db-ja.com

背景をクリックしたときにfancyBox2が閉じないようにする

FancyBox 2に、ユーザーが背景（半透明の黒い背景）をクリックしたときにライトボックスが閉じないようにするために設定できるキー/値はありますか？

右上隅にある実際の（X）閉じるボタンをクリックするオプションのみを提供したいと思います。

何か案は？

ありがとう。

jqueryfancybox
15
Mark Notton

バージョン2.xの場合は

 $(".fancybox").fancybox({
    closeClick  : false, // prevents closing when clicking INSIDE fancybox
    helpers     : { 
        overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox
    }
 });

closeClickがtrue（デフォルト）に設定されている場合、コンテンツをクリックするとfancyboxが閉じます。したがって、これら2つのオプションを組み合わせた場合、fancyboxを閉じる唯一の方法はclose（ X）ボタン

47
JFK

これにより、オーバーレイ（半透明の背景）をクリックしたときにファンシーボックスを閉じることができなくなります

    fancyEls.fancybox({
        helpers : { 
            overlay : {
                closeClick: false
            } // prevents closing when clicking OUTSIDE fancybox
        }
    });

これにより、fancyboxを閉じるデフォルトのクリック方法がすべて無効になります

    fancyEls.fancybox({
        closeBtn : false,
        closeClick : false,
        helpers : { 
            overlay : {
                closeClick: false
            } // prevents closing when clicking OUTSIDE fancybox
        },
        keys : {
            close: null
        } // prevents close when clicking escape button
    });

そして、これはスライドショー機能を無効にするだけでなく、同じことをします

    fancyEls.fancybox({
        modal : true //If set to true, will disable navigation and closing  
    });
6
MrBizle

これを試してみてくださいadduserをターゲットセレクターにしてください

$('.adduser').fancybox({
'hideOnOverlayClick': false
});
1
Sreenath Plakkat

FancyboxサイトAPI によると、使用できる/使用する必要があります

$.fancybox({
   ...
   'hideOnOverlayClick' : false,
   ...
});
1
David 'the bald ginger'

閉じるボタンを防ぐには-使用：

defaults: {  closeBtn   : false,}

オーバーレイが閉じないようにするには、次を使用します。

F.helpers.overlay = {
        defaults : {closeClick : false,      // if true, fancyBox will be closed when user clicks on the overlay }}

エスケープを防ぐには、閉じるをクリックします。

defaults: {keys  : {//close  : [27], // escape key
                close  : null, } }
0
shraboni