Блог

Главная - Вопросы по программированию - Как привязать щелчок карусели и свайп к одной и той же функции?

Как привязать щелчок карусели и свайп к одной и той же функции?

#jquery #bootstrap-4

Вопрос:

Используя BS 4, у меня есть карусель, в которой я показываю/скрываю следующие/Предыдущие кнопки с помощью этой функции:

 $('.controllers a').click(function() {
    $(this).addClass('d-none').siblings().removeClass('d-none');
});

и это мой HTML:

 <div class="controllers">
  <a class="carousel-control-prev d-none" href="#carouselControls2" role="button" data-slide="prev">
    <i class="fa fa-arrow-left" aria-hidden="true"></i>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselControls2" role="button" data-slide="next">
    <i class="fa fa-arrow-right" aria-hidden="true"></i>
    <span class="sr-only">Next</span>
  </a>
</div>

Вышесказанное, конечно, работает для щелчка мыши, но можно ли сделать свайп на мобильном устройстве, чтобы запустить ту же функцию? Есть ли способ расширить один и тот же код и привязать .on(swipe) (слева или справа) к одной и той же функции?

Метки: