Сова Карусель - Пропускает Прошлые Изображения, используя Предыдущий / Следующий - PullRequest
Новая
       39

Сова Карусель - Пропускает Прошлые Изображения, используя Предыдущий / Следующий

0 голосов
/ 23 сентября 2019

Наша пользовательская карусель сов не ведет себя должным образом - при перетаскивании и использовании стрелок на клавиатуре вы переходите к следующему слайду, а предыдущая и следующая стрелки перепрыгивают «через» следующий слайд на следующий после.

Следующий слайд появляется на короткое время, но быстро переходит к следующему слайду.

Я попробовал несколько вещей в настройках main.js, но без кубиков.Любые мысли будут высоко оценены, так как я немного озадачен.

Код main.js: 

$(document).ready(function() {

// initialise owl
  $(function() {
      var owl = $('.owl-carousel');
      owl.owlCarousel({
      items:1,
      lazyLoad:true,
      loop:true,
      useMouseWheel: false,
      nav: true,
      center: true,
      dots: false,
      margin: 0,
      stagePadding: 0,
      URLhashListener: true,
      startPosition: 'URLHash',
      animateIn: 'fadeIn',
      animateOut: 'fadeOut'
    });

    // click for next image
    $(owl).click(function() {
      owl.trigger('next.owl');
    })

      // add arrow keys to carousel navigation
      $(document).on('keydown', function( event ) { //attach event listener
        if(event.keyCode == 37) {
          owl.trigger('prev.owl')
        }
        if(event.keyCode == 39) {
          owl.trigger('next.owl')
          }
      });
      // end arrow keys



  }); // end owl


}); // end document ready

Рад поделиться любыми другими частями кода, если это будет полезно.Заранее спасибо за любые рекомендации!

1 Ответ

0 голосов
/ 24 сентября 2019

С @Tiberiuscan, направившим меня в правильном направлении, я нашел решение:

Клик для следующей части изображения был нацелен на всю карусель совы для кликов.

Я изменил этот код, чтобы настроить таргетинг на сову-элемент, и это решило проблему, как показано ниже: 

      // click for next image
  $('.owl-item').click(function() {
    owl.trigger('next.owl');
  })

Еще раз спасибо, @ Tiberiuscan

...