用swiper.js做了个轮播图（4张图），轮播图（4张图）的div在一个大的div中，大的div包括其他非轮播内容，进入页面大div是隐藏的，点击按钮出现，这是导航小圆点显示正确，点击大的div后打div隐藏，再点击按钮大div出现，这时导航圆点显示在第一个，右滑一张图后，应该显示在第二个，但是这个小圆点却显示到第4个去了。这样该怎么解决？
swiper.js的pagination导航小圆点不随图片滑动了
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2019-06-20 14:42玲曦的博客 本身框架的原因，重复初始化导致参数参数不对。 把初始化js放在其他地方试一试,比如body底部，使用多个组件时请加上id或者class用以区分
- 2019-10-22 13:42小仙女de成长的博客 div class="swiper-pagination" slot="pagination"></div> //这个上面加一个 slot="pagination" new Swiper('.swiper-container', { loop: true, // 如果需要分页器 pagination:{ ...
- 2021-09-30 14:194. **分页器（Pagination）**：分页器是Swiper的一个常见组件，用于显示当前所处的滑动项位置，通常以小圆点的形式呈现。它可以提供直观的导航，帮助用户了解内容的进度。 5. **导航箭头**：左右箭头是另一个常见...
- 2017-04-03 21:37chenqiong1991的博客 写在前面前面写过一篇关于swiper的笔记。之前那篇比较简单，测试的以为更多些。今天把它用在我的网站上，做了一个幻灯片效果，研究了几个参数，分享之。代码解读window.onload=... pagination:".swiper-paginatio
- 2022-02-23 18:12Kudou-Shinichi的博客 swiper ，轮播图， swiper-pagination， 小圆点不显示
- 2021-01-12 16:11bupt_ljh的博客 圆点样式源代码使用border-radius:100%....swiper-plugs.swiper-pagination-bullet-active{ background-color:rgba(255,255,255,1); width:33px; height:6px; } .swiper-plugs.swiper-pagination-bullet{ b...
- 2022-03-14 20:02南^思的博客 div class="swiper-pagination" slot="pagination"></div> <div class="swiper-button-prev" slot="button-prev"></div> <div class="swiper-button-next" slot="button-next"></div&...
- 2018-09-06 13:56一只胡萝卜的博客 初涉swiper.js，记录一下使用过程 1.首先引入js和css <script src="./js/swiper-3.4.2.jquery.min.js"></script> <link href="./css/swiper-3.4.2.min.css&...
- 2019-12-22 16:47挽箹的博客 1.引入swiper.js和swiper.css 2.添加代码 <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="../res_im/banner_bg.png" alt=""&...
- 2022-02-22 15:31晴天爱吃菜的博客 最强轮播图小圆点修改，swiper-pagination
- 2019-04-09 10:01weixin_34077371的博客 div class="swiper-pagination" slot="pagination"></div> //这个上面加一个 slot="pagination" new Swiper('.swiper-container', { loop: true, // 如果需要分页器 pagination:{ ...
- 没有解决我的问题, 去提问
