查看: 7965|回复: 6
打印 上一主题 下一主题

如何实现点击后,给点击的swiper-slide,添加一个class

[复制链接]

该用户从未签到

2

主题

7

帖子

43

积分

新手上路

Rank: 1

积分
43
跳转到指定楼层
楼主
发表于 2016-3-24 17:37:18 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式
10金钱
想实现点击以后,给swiper-slide 添加一个active样式,加一个框框,
我看到文档有个onTouchStart,
但是不知道该如何找到DOM

点评

厉害!  发表于 2017-1-7 11:24
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

2

主题

7

帖子

43

积分

新手上路

Rank: 1

积分
43
沙发
 楼主| 发表于 2016-3-24 18:08:56 | 显示全部楼层
我自己解决了
  1. $(".swiper-container").swiper({
  2.         paginationClickable: true,
  3.         slidesPerView: 4,
  4.         spaceBetween: 10,
  5.         freeMode: true,
  6.         onTap: function(swiper){
  7.                 var index= swiper['clickedIndex'];
  8.                 a(index);
  9.     }
  10. });
  11. function a(i){
  12.         $(".swiper-slide").eq(i).addClass('active').siblings().removeClass('active');
  13. }
复制代码
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-5-6 15:23 , Processed in 0.073542 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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