Запретить bxSlider переходить по ссылке во время перелистывания

Question

Я пытаюсь отключить ссылку на изображения внутри bxSlider, пока мы проводим по мобильному.

Это, как вы можете себе представить, очень раздражает.

Насколько я мог видеть вих документация (https://bxslider.com/options/) Я не мог найти что-нибудь, чтобы сделать это.

Я также гуглил некоторые предложения и пробовал некоторые JS, но до сих пор я не мог сделать это.

Я также пытался установить "draggable = 'true'" для каждого элемента слайда, но безрезультатно.

Answer 1

Вы можете отключить щелчки по ссылкам, используя addEventListener и removeEventListener в обратных вызовах BxSlider * onSlideBefore и onSlideAfter соответственно.

Пример:

$('.bxslider').bxSlider({
    // ...
    onSlideBefore: function() {
         $('.bxslider a').on('click', function() {
              return false;
         });
    },
    onSlideAfter: function() {
         $('.bxslider a').off('click');
    }
});