18910140161

JavaScript-如何在更改幻灯片时使分页点出现?-堆栈溢出

顺晟科技

2022-10-19 14:17:06

152

我正在开发我的第一个网站,当我传递幻灯片时,我无法启用分页点。

image_1

image2

我确实用HTML编写了代码:

我真不知道为什么它没有出现。有人能帮忙吗? 我确实阅读了swiper的API,但我不是在创建错误或错误。我错过了什么吗?


顺晟科技:

您正在使用swiper版本号<7.

“你的错误”: 您编写了(Swiper 6)而不是(Swiper 7)。

因为Swiper容器元素现在应该具有类 而不是。

https://swiperjs.com/migration-guide

此外,请记住更改initialized代码:

const swiper = new Swiper('.swiper-container', {
  slidesPerView: 1,
    pagination: {
      el: '.swiper-pagination'
  },
  mousewheel: true,
    keyboard: true
})

到:

const swiper = new Swiper('.swiper-container', {
  slidesPerView: 1,
    pagination: {
      el: '.swiper-pagination'
  },
  mousewheel: true,
    keyboard: true
})

演示:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航