Сова Карусель перейти к конкретному слайду и добавить класс к нему - PullRequest
Новая
       14

Сова Карусель перейти к конкретному слайду и добавить класс к нему

0 голосов
/ 02 октября 2018

Я использовал Owl Carousel для создания слайд-страницы с постами.Я реализовал data-hash для него, он работает отлично, за исключением того, что мне нужна функция, которая добавляет класс к текущему хеш-элементу, поэтому при изменении местоположения хеш-функции или получении внешней хеш-ссылки этот элемент добавляет класс.

Вот мой код, я использую Owl Carousel v2.3.4, и веб-сайт работает на WordPress: 

$('#post_top_slider').owlCarousel({
  loop: false,
  margin: 0,
  nav: true,
  dots: false,
  URLhashListener: true,
  startPosition: 'URLHash',
  addClassActive: true,
  autoplayHoverPause: true,
  responsive: {
    0: {
      items: 1
    },
    600: {
      items: 2
    },
    1000: {
      items: 3
    }
  }
});

$('#post_top_slider .owl-stage .owl-item').first().addClass('ps_actve');

$('#post_top_slider .owl-stage .owl-item').click(function(event) {
  $(this).siblings('.owl-item').removeClass('ps_actve');
  $(this).addClass('ps_actve');
  var tab_id = $(this).children('.pts_item').attr('data-id');
  //alert(tab_id);
  $(tab_id).siblings('.ptsd_item').hide();
  $(tab_id).show();
});

Класс, который мне нужно добавить к элементу хэша, - это "ps_actve".Веб-сайт здесь .

1 Ответ

0 голосов
/ 03 октября 2018

Проблема исчезла.Я просто поместил код ниже в owlcarousel.js, в строку 3307: 

current.siblings('.owl-item').removeClass('ps_actve');
current.addClass('ps_actve');
var tab_id = current.children('.pts_item').attr('data-id');
//alert(tab_id);
$(tab_id).siblings('.ptsd_item').hide();
$(tab_id).show();
...