我正在使用 Swiper(沒有 jQuery,純 JavaScript)來顯示 11 張幻燈片。background-color我想根據用戶所在的幻燈片更改正文。此代碼工作正常,但當滑塊重新啟動時,它會保留最后一張幻燈片的顏色,而不是從第一張幻燈片重新開始: swiper.on('transitionEnd', function(e) { if (this.activeIndex == 1) { document.querySelector("body").style.background = '#F4F1C1'; } if (this.activeIndex == 2) { document.querySelector("body").style.background = '#DCDDDE'; } if (this.activeIndex == 3) { document.querySelector("body").style.background = '#ECEBDF'; } if (this.activeIndex == 4) { document.querySelector("body").style.background = '#F2E3E3'; } if (this.activeIndex == 5) { document.querySelector("body").style.background = '#D0EFF0'; } });在這個 JSFiddle上,您可以看到在幻燈片 11 之后,滑塊返回到幻燈片 1,但顏色仍然是 ,#999999而不是#F4F1C1。為什么索引沒有重新啟動?
如何根據活動幻燈片更改正文背景顏色?
慕桂英546537
2023-05-25 16:23:03