Предотвратить закрытие лайтбокса при нажатии на мою кнопку - PullRequest
Новая
       8

Предотвратить закрытие лайтбокса при нажатии на мою кнопку

0 голосов
/ 09 ноября 2018

Я использую SimpleLightbox v1.15.0 и хочу иметь возможность вращать изображения с помощью кнопки. Я добавил кнопку на загруженную демонстрационную страницу и (после долгих усилий) заставил эту кнопку появиться в лайтбоксе и исчезнуть при закрытии.

Я написал это под существующей функцией ... 

$('.theButton').click(function(){
    $('.sl-image').css({'transform':'rotate(90deg)'});
});

.. чтобы попытаться заставить вращение работать, но когда div с классом sl-image, содержащим изображение, вращается, лайтбокс исчезает / закрывается. Я хочу, чтобы лайтбокс оставался при нажатии этой кнопки.

Я что-то упустил?

1 Ответ

0 голосов
/ 10 ноября 2018

Я нашел ответ на свой вопрос. Связанный файл JavaScript содержит небольшой блок кода, который выглядит следующим образом: 

// close on click on doc
$( document ).on('click.'+prefix+ ' touchstart.'+prefix, function(e){
    if(opened){
        if((options.docClose && $(e.target).closest('.sl-image').length === 0 && $(e.target).closest('.sl-navigation').length === 0)){
            close();
        }
    }
});

Я добавил 

$(e.target).closest('.theButton').length === 0

в самом внутреннем операторе if, и это, кажется, перестало закрывать лайтбокс при нажатии на кнопку.

...