我正在使用Cargo建立一個網站,并在登錄頁面上實現Javascript。我一直收到一個錯誤消息,說& quot此頁面上的一個或多個腳本已損壞并被禁用& quot。我是JS新手,所以我不確定我的代碼是否真的有錯誤,或者是Cargo的小故障。
https://codepen.io/222aleon/pen/NWOMrMN
// JavaScript code for the slideshow
const slides = document.querySelectorAll(".slide");
let currentSlide = 0;
let videos = [];
function showSlide(index) {
slides[currentSlide].classList.remove("active");
slides[index].classList.add("active");
currentSlide = index;
pauseVideos();
playVideo(index);
}
function setupVideoEndedEvent(video, nextSlide) {
video.addEventListener("ended", () => {
showSlide(nextSlide);
});
}
function pauseVideos() {
videos.forEach((video) => {
video.pause();
});
}
function playVideo(index) {
const video = videos[index];
video.play();
}
for (let i = 0; i < slides.length; i++) {
const video = slides[i].querySelector("video");
videos.push(video);
const nextSlide = (i + 1) % slides.length;
setupVideoEndedEvent(video, nextSlide);
}
showSlide(0);
該腳本意味著通過4個視頻幻燈片,并允許用戶點擊每張幻燈片的鏈接。它似乎在Codepen中工作,但我得到一個錯誤,除非我在Cargo中復制并粘貼腳本足夠的次數...
上一篇es6 json遍歷
下一篇我想輸入在div的中心