Owl Carousel 2 - при изменении проблемы с триггером - PullRequest
Новая
       16

Owl Carousel 2 - при изменении проблемы с триггером

0 голосов
/ 15 сентября 2018

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

мой код: 

$.view_travel_sight = {
  owl: null,

  owl_next: function() {
    $.view_travel_sight.owl.trigger('next.owl.carousel');
  },

  owl_back: function() {
    $.view_travel_sight.owl.trigger('prev.owl.carousel');
  },

  owl_carousel_change_photo: function(num) {
    console.log('click trigger');

    var active_photo = $('[data-photo-thumb-number="'+ num +'"]');
    var id = active_photo.attr("data-photo-thumb-number");
    var src_photo = active_photo.attr("data-img-src");
    var src_id = active_photo.attr("data-img-id");
    var src_alt = active_photo.attr("alt");

    $('#sights-big-picture').attr({
      'src' : src_photo
    });

    $('#photo-header').html($('#header-'+ src_id).html());
    $('#photo-description').html($('#description-'+ src_id).html());
  },

  owl_carousel_hadnler: function() {
    $.view_travel_sight.owl = $('.owl-carousel');

    $.view_travel_sight.owl.children().each( function( index ) {
      $(this).attr( 'data-position', index ); // NB: .attr() instead of .data()
    });

    $.view_travel_sight.owl.owlCarousel({
      loop:true,
      center:true,
      margin:10,
      dots:false,
      responsive:{
          0:{
              items:1
          },
          600:{
              items:3
          },
          1000:{
              items:5
          }
      }
    });

    $.view_travel_sight.owl.on('click','.owl-item', function(event) {
      event.preventDefault();
      $.view_travel_sight.owl_carousel_change_photo($(event.currentTarget.children[0]).data('index-num'));
    });

    $.view_travel_sight.owl.on('click','.owl-item>div', function(event) {
      $.view_travel_sight.owl.trigger('to.owl.carousel', $(this).data('position'));
    });

    $.view_travel_sight.owl.on('changed.owl.carousel', function(e) {
      console.log('changed!');
    });
  }
};

Моя проблема в функции здесь: 

$.view_travel_sight.owl.on('changed.owl.carousel', function(e) {
    console.log('changed!');
});

1 Ответ

0 голосов
/ 15 сентября 2018

Я нашел сообщение о своей проблеме и ее работе :) 

  $.view_travel_sight.owl.on('changed.owl.carousel', function(event) {
      event.preventDefault();

      obj = $('div[class=item]')[event.property.value];

      $.view_travel_sight.owl_carousel_change_photo(($(obj).data('position')+1));
    });
...