Отключить закрытие fancyBox 2 при нажатии на фон - PullRequest
14 голосов
/ 16 марта 2012

В fancyBox 2 есть ли ключ / значение, которое я мог бы установить, чтобы отключить закрытие лайтбокса, когда пользователь щелкает фон (полупрозрачный черный фон)?

Я только хочу дать им возможность нажать кнопку фактического (X) закрытия в верхнем правом углу.

Есть идеи?

Спасибо.

Ответы [ 5 ]

46 голосов
/ 16 марта 2012

Для версии 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 закроется, если щелкнуть содержимое, поэтому с этими двумя объединенными параметрами единственный возможный способзакрытие фантазии с помощью кнопки close (X)

6 голосов
/ 06 января 2015

Это отключит закрытие fancybox при нажатии на оверлей (полупрозрачный фон)

    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  
    });
1 голос
/ 31 января 2013

В соответствии с API сайта Fancybox вы можете / должны использовать

$.fancybox({
   ...
   'hideOnOverlayClick' : false,
   ...
});
1 голос
/ 16 марта 2012

попробуйте это пусть adduser будет моим целевым селектором

$('.adduser').fancybox({
'hideOnOverlayClick': false
});
0 голосов
/ 04 июля 2013

Для предотвращения закрытия кнопки - используйте:

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, } }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...