Как заставить две загрузочные карусели скользить вместе, когда любое из них проведено в сенсорных устройствах - PullRequest
Новая
       51

Как заставить две загрузочные карусели скользить вместе, когда любое из них проведено в сенсорных устройствах

0 голосов
/ 07 января 2019

У меня есть две загрузочные карусели рядом (показывая одно изображение за раз). Мне нужно заставить их скользить вместе, когда любое из них проведено в сенсорных устройствах.

Я пытался объединить обе карусели, используя один индикатор карусели со свойствами «data-target» и «data-slide-to», но это дало мне еще одну проблему. Когда я перемещаюсь с 1-го ползунка на ползунок, отличный от непосредственно следующего ползунка, содержимое, отображаемое в этом конкретном ползунке, остается на странице. Кроме того, если я попытаюсь перейти к этому ползунку, ничего не произойдет !! 

$('.carousel-sync').on('slide.bs.carousel', function(ev) {
    var dir = ev.direction == 'right' ? 'prev' : 'next';
    $('.carousel-sync')
       .not('.sliding')
       .addClass('sliding')
       .carousel(dir);
   });
   $('.carousel-sync').on('slid.bs.carousel', function(ev) {
   $('.carousel-sync').removeClass('sliding');
});

Текстовый слайдер застрял на странице

...