Cambié todos mis cargadores de jQuery a Fetch y ahora ninguno de los controles deslizantes funciona, pero las diapositivas se muestran correctamente en el DOM. Parece que no puedo apuntarlos con JS.
https://www.harpercollege.edu/dev/whoward-dev-area/dev-index.php
fetch('/_resources/php/dev-home-interrupter-loader.php')
.then(function(response) {
return response.text();
})
.then(function(body) {
document.querySelector('#home-interrupter').innerHTML = body;
});
const interrupterslidesContainer = document.getElementById("interrupter-slides-container");
const interrupterslide = document.querySelector(".interrupter-slide");
const previnterrupter = document.getElementById("interrupter-slide-arrow-prev");
const nextinterrupter = document.getElementById("interrupter-slide-arrow-next");
nextinterrupter.addEventListener("click", () => {
const interrupterslideWidth = interrupterslide.clientWidth;
interrupterslidesContainer.scrollLeft += interrupterslideWidth;
});
previnterrupter.addEventListener("click", () => {
const interrupterslideWidth = interrupterslide.clientWidth;
interrupterslidesContainer.scrollLeft -= interrupterslideWidth;
});
Su código se ejecuta incluso antes de que comience la búsqueda
fetch('/_resources/php/dev-home-interrupter-loader.php')
.then(function(response) {
return response.text();
})
.then(function(body) {
document.querySelector('#home-interrupter').innerHTML = body;
})
.then(() => {
const interrupterslidesContainer = document.getElementById("interrupter-slides-container");
const interrupterslide = document.querySelector(".interrupter-slide");
const previnterrupter = document.getElementById("interrupter-slide-arrow-prev");
const nextinterrupter = document.getElementById("interrupter-slide-arrow-next");
nextinterrupter.addEventListener("click", () => {
const interrupterslideWidth = interrupterslide.clientWidth;
interrupterslidesContainer.scrollLeft += interrupterslideWidth;
});
previnterrupter.addEventListener("click", () => {
const interrupterslideWidth = interrupterslide.clientWidth;
interrupterslidesContainer.scrollLeft -= interrupterslideWidth;
});
})