Swiper中文论坛»首页 › 交流 › 常见问题 › 如何在一个页面中使用多个Swiper

发新帖

查看: 6893|回复: 6

上一主题

下一主题

如何在一个页面中使用多个Swiper

TA的每日心情

	难过 2025-4-6 19:45

签到天数: 16 天

[LV.4]偶尔看看III

84 主题	392 帖子	4万积分

Rank: 9 Rank: 9 Rank: 9

积分: 46809

发消息

电梯直达

跳转到指定楼层

楼主

发表于 2015-6-30 17:55:23 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

给每个Swiper的container一个不同身份（如ID）即可

<div class="swiper-container" id="swiper-container1">...
<div class="swiper-container" id="swiper-container2">...
var mySwiper1 = new Swiper('#swiper-container1')
var mySwiper2 = new Swiper('#swiper-container2')

复制代码

分享到: QQ好友和群 QQ空间 腾讯微博 腾讯朋友

收藏1 分享 淘帖0

相关帖子

• Swiper 3 如何实现下拉刷新！
• 如何获取金币

回复

使用道具举报

该用户从未签到

0 主题	3 帖子	8 积分

Rank: 1

积分: 8

发消息

沙发

发表于 2015-7-3 10:50:51 | 只看该作者

下面的焦点不会随着改变啊

回复支持反对

使用道具举报

TA的每日心情

	难过 2025-4-6 19:45

签到天数: 16 天

[LV.4]偶尔看看III

84 主题	392 帖子	4万积分

Rank: 9 Rank: 9 Rank: 9

积分: 46809

发消息

板凳

楼主| 发表于 2015-7-16 23:20:39 | 只看该作者

pagination : '#swiper-pagination1',
pagination : '#swiper-pagination2',

回复支持反对

使用道具举报

该用户从未签到

0 主题	10 帖子	30 积分

Rank: 1

积分: 30

发消息

地板

发表于 2015-9-3 12:11:16 | 只看该作者

正确的。改变Id即可

回复支持反对

使用道具举报

remenbo@163.com

该用户从未签到

0 主题	10 帖子	40 积分

Rank: 1

积分: 40

发消息

5^#

发表于 2015-11-27 01:19:49 | 只看该作者

马上开始实践

回复支持反对

使用道具举报

该用户从未签到

0 主题	4 帖子	24 积分

Rank: 1

积分: 24

发消息

6^#

发表于 2016-3-22 09:40:42 | 只看该作者

按照上面的方法，我的也不行啊！是什么原因呢？

回复支持反对

使用道具举报

该用户从未签到

0 主题	1 帖子	11 积分

Rank: 1

积分: 11

发消息

7^#

发表于 2016-8-15 15:27:10 | 只看该作者

图片动了焦点不会跟着动

回复支持反对

使用道具举报

发新帖

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号 )

GMT+8, 2025-10-31 12:11 , Processed in 0.320524 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表