He mirado otros ejemplos en el desbordamiento de pila, tratando de agregar estos controles de carrusel y puedo usar uno de los controles de carrusel en mi página, pero luego el otro conjunto de controles no funcionará.
Esto es lo que tengo actualmente.
$(function() { $('#keynoteSpeakersCarouselPlayButton').click(function() { $(this).closest('.carousel').carousel('cycle'); }); $('#keynoteSpeakersCarouselPauseButton').click(function() { $(this).closest('.carousel').carousel('pause'); }); $('#sponsoredStreamsCarouselPlayButton').click(function() { $(this).closest('.carousel').carousel('cycle'); }); $('#sponsoredStreamsCarouselPauseButton').click(function() { $(this).closest('.carousel').carousel('pause'); }); });Creo que la solución no funcionaría con jQuery.
Desde mi comprensión del carrusel de arranque, se ignorará un método si está en medio de una transición. Debe agregar un detector de eventos y hacer una pausa dentro de eso. Establecería una bandera, la verificaría dentro del detector de eventos y luego restablecería la bandera. También agregaría ID a cada carrusel para que sea más sencillo seleccionar. Algo como lo que sigue:
let flagPause = false; let flagResume = false; const carousel1 = document.getElementById('carousel1id'); carousel1.addEventListener('slid.bs.carousel', function() { if (flagPause == true) { carousel1.carousel('pause'); flagPause = false; } if (flagResume == true) { carousel1.carousel('cycle'); flagResume = false; } }); $('#keynoteSpeakersCarouselPlayButton').click(function() { flagResume = true; }); $('#keynoteSpeakersCarouselPauseButton').click(function() { flagPause = true; });