Запуск карусельной остановки кастрюли останавливается, когда происходит какое-то событие

Использование карусели Bootstrap у меня была проблема с остановкой автоматического цикла.

В документации указано, что если заданный интервал: false, карусель не будет автоматически циклически работать, но ничего не сказано, что делать, когда вам нужно остановить автоматический цикл при возникновении какого-либо события.

1 ответ

скажем, у нас есть этот код в проекте

$('#carousel-images').carousel({ interval: 5000, pause : 'hover'
});

Затем у нас есть обработчик события click, который должен делать две вещи

Во-первых: n-й слайд должен быть установлен

Во-вторых: авто-слайд должен остановиться

$('.smallSlide').click(function(e) { $('#carousel-images').carousel(4); $('#carousel-images').carousel('pause');
}

Этот код не будет делать трюк, потому что "пауза" будет пытаться быть установлена в момент скольжения слайда.

Это будет работать для вас:

$('.smallSlide').click(function(e) { $('#carousel-images').carousel(4); $('#carousel-images').on('slid.bs.carousel', function () { $('#carousel-images').carousel('pause'); });
}

licensed under cc by-sa 3.0 with attribution.