查看: 17149|回复: 13
打印 上一主题 下一主题

一个页面用如何用多个Swiper?

[复制链接]

该用户从未签到

3

主题

12

帖子

39

积分

新手上路

Rank: 1

积分
39
QQ
楼主
发表于 2015-6-5 18:18:37 | 显示全部楼层
<div class="swiper-container swiper-container1">
    <div class="swiper-wrapper">
        <div class="swiper-slide"></div>
        <div class="swiper-slide"></div>
    </div>
</div>

<div class="swiper-container swiper-container2">
    <div class="swiper-wrapper">
        <div class="swiper-slide"></div>
        <div class="swiper-slide"></div>
    </div>
</div>

var swiper1 = new Swiper('.swiper-container1', {
        pagination: '.swiper-pagination1',
    });

var swiper2 = new Swiper('.swiper-container2', {
        pagination: '.swiper-pagination2',
    });

回复 支持 反对

使用道具 举报

该用户从未签到

3

主题

12

帖子

39

积分

新手上路

Rank: 1

积分
39
QQ
沙发
发表于 2015-6-5 18:19:18 | 显示全部楼层
如上 以此类推。。。。。
回复 支持 1 反对 0

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-18 19:38 , Processed in 0.064756 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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