查看: 7961|回复: 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空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

  • TA的每日心情
    开心
    2021-4-7 13:23
  • 签到天数: 2 天

    [LV.1]初来乍到

    0

    主题

    5

    帖子

    32

    积分

    新手上路

    Rank: 1

    积分
    32
    5#
    发表于 2021-4-6 17:31:06 | 只看该作者
    感谢,在借鉴了您的代码后稍作修改完成了
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2024-4-28 10:23
  • 签到天数: 284 天

    [LV.8]以坛为家I

    16

    主题

    339

    帖子

    3205

    积分

    论坛元老

    Rank: 8Rank: 8

    积分
    3205
    QQ
    地板
    发表于 2017-1-3 09:38:04 | 只看该作者
    不知道是什么意思
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    26

    积分

    新手上路

    Rank: 1

    积分
    26
    板凳
    发表于 2016-12-29 14:23:31 | 只看该作者

    谢谢谢,,,太厉害了你
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    6

    帖子

    6

    积分

    新手上路

    Rank: 1

    积分
    6
    沙发
    发表于 2016-8-11 13:45:53 | 只看该作者
    没看明白
    回复

    使用道具 举报

    该用户从未签到

    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 05:37 , Processed in 0.071150 second(s), 28 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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