Функция паузы не работает в карусели - PullRequest
Новая
       5

Функция паузы не работает в карусели

0 голосов
/ 05 февраля 2019

У меня есть кнопка паузы в моей карусели, и она не работает.

Мое требование состоит в том, чтобы, когда автор нажимал на кнопку паузы, слайд карусели был остановлен, а когда они снова нажимали на кнопку паузызатем слайд снова начнет вращаться, начиная с 3 секунд.

Я написал код ниже.

Проверка карусели целевой страницы 1} "> $ (function (){$ ('# myCarousel'). carousel ({интервал: 3000, пауза: "ложь"}); $ ('# pauseButton'). click (function () {$ ('# myCarousel'). carousel ('pause');});});

Должен остановиться и начать воспроизведение с 3000 секунд

1 Ответ

0 голосов
/ 05 февраля 2019

Кнопка имеет два состояния, которые не выражены в коде.Один - когда карусель активна, а другой - нет.Это можно выразить, используя классы, которые вы добавляете или удаляете из своего HTML-элемента, используя JQuery: 

$('#pausButton').click(function(){
    if($(this).hasClass('active')){
        $('#myCarousel').carousel({ interval: 3000, pause: "false" });
        $(this).removeClass('active')
    } else {
        $('#myCarousel').carousel('pause');
        $(this).addClass('active')
    }
});

надеюсь, это помогло, состояние взято из Удерживайте кнопку в активном состоянии до повторного нажатия

...