查看: 3483|回复: 5
打印 上一主题 下一主题

一个页面多个swiper 如何让一个swiper不触发其他swiper 事件

[复制链接]

该用户从未签到

1

主题

1

帖子

13

积分

新手上路

Rank: 1

积分
13
跳转到指定楼层
楼主
发表于 2016-1-12 17:12:30 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
var swiper = new Swiper('.swiper-container');
    var swiper2 = new Swiper('.swiper-container2',{
        onTouchEnd:function(swiper){
            alert(1)
        }
    });
swiper 滑动时会触发 swiper2的onTouceEnd事件?如何做到不触发
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

1

主题

4

帖子

16

积分

新手上路

Rank: 1

积分
16
沙发
发表于 2016-1-19 10:31:45 | 只看该作者
var swiper = new Swiper('.swiper-container');
改下括号里面的id就可以了,只要这个名字不重复就不会冲突的
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

1

帖子

11

积分

新手上路

Rank: 1

积分
11
板凳
发表于 2016-1-19 15:07:38 | 只看该作者
kalmanboy 发表于 2016-1-19 10:31
var swiper = new Swiper('.swiper-container');
改下括号里面的id就可以了,只要这个名字不重复就不会冲突 ...

不行啊。我试了
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

4

帖子

16

积分

新手上路

Rank: 1

积分
16
地板
发表于 2016-1-19 17:11:41 | 只看该作者

代码我看下
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

2

帖子

12

积分

新手上路

Rank: 1

积分
12
5#
发表于 2016-1-20 16:04:40 | 只看该作者
给他们每一个都加个父元素,父元素的名字不同,html中和js中间都加,可以是是一个空的div
<div class="jiayou">
                    <div class="swiper-container swiper-no-swiping"></div>
</div>
var swiper = new Swiper('.jiayou .swiper-container', {
            pagination: '.jiayou .swiper-pagination',}
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

1

帖子

11

积分

新手上路

Rank: 1

积分
11
6#
发表于 2016-3-16 15:45:55 | 只看该作者
var swiper = new Swiper('.jiayou .swiper-container', {
            pagination: '.jiayou .swiper-pagination',}这里的.jiayou .swiper-container不能有父类名字
可改为<div class="jiayou">
                    <div class="swiper-container1 swiper-no-swiping"></div>
</div>
var swiper = new Swiper('.swiper-container1', {
            pagination: ' .swiper-pagination',}
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-22 23:31 , Processed in 0.060937 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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