关于swiper分页的一点注意事项

初次写博客,仅为记录问题,以备后用,若能帮到大家,那再好不过。


小白一个,大神可以忽视,喷子哪里凉快哪里去。


本人遇到的问题是在slide页中存在input或textarea标签,当点击类似tab键的功能键时,焦点会在所有的slide页中的input或textarea标签之前从前到后的切换,结果产生了一个问题:

假设当前页为slideOne,下一页为slideTwo,当slideOne中的可编辑控件获取焦点,并且点击了类似tab键的功能键后,焦点会切换到slideTwo中的可编辑控件,但会发现slideTwo向左侧滑动一段距离,显示一部分页面,slideOne也向左滑动一部分距离,没有完整显示在浏览器窗口中。slide滑动的偏移距离,根据不同的浏览器可能不同。

经过同事的启发,最终将问题解决,话不多说,直接上图:


在swiper初始化时,设置两个回调方法,并调用方法myTestFunc(...)。


在myTestFunc中,所做的工作很简单【我写的略复杂略乱,大家自己优化吧】,只是单纯的对【当前活动、可见slide】与【切换前的活动、可见slide】中的所有可编辑控件的disabled属性赋予不同的属性值。


第一次写博客,不会改格式,不想改格式,懒………………


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值