关于Swiper3.x的a标签bug
2015-03-30 21:11
302 查看
发现问题:
前些日子做移动端需求用到了Swiper插件,版本是 3.0.0,测试发现如果在多个swiper-slide中添加a标签,那么在搜狗手机浏览器和魅族手机系统浏览器(暂时只发现这两款有问题)中只有第一屏的a标签可点击,而其他屏的a标签似乎被什么东西覆盖了。测试代码如下:
<div class="swiper-wrapper"> <div class="swiper-slide">Slide 1<a href="#">ClickMe</a></div> <div class="swiper-slide">Slide 2<a href="#">ClickMe</a></div> <div class="swiper-slide">Slide 3<a href="#">ClickMe</a></div> <div class="swiper-slide">Slide 4</div> </div>
然后我尝试了目前最新版 3.0.4,也存在同样问题,而 2.x 没有问题。
解决方案:
很走运的是,当我尝试在各个层加a标签测试是否也有bug时,发现如果DOM结构为下就不会出现bug:<div class="swiper-wrapper"> <div class="swiper-slide">Slide 1<a href="#">ClickMe</a></div> <div class="swiper-slide">Slide 2<a href="#">ClickMe</a></div> <div class="swiper-slide">Slide 3<a href="#">ClickMe</a></div> <div class="swiper-slide">Slide 4</div> <a href="#">ClickMe</a> </div>
即,在swiper-slide同级添加一个a标签,上面的a标签就都可以点击了,是不是很怪异 :D。
没有找到反馈给Swiper开发组的途径,官网提供的q群里也没人知道,如果哪位大神小神有完美解决方案,恳请告知!
相关文章推荐
- 关于IE下select标签的bug
- 【实践】关于p 标签内嵌 p标签的bug
- ie6中关于div 高度的bug-----空div标签默认高度
- swiper 关于h5页面无法触发A标签问题
- TP3.2关于渲染页面IF标签BUG
- 关于IE6下Li标签左边多出宽16pxBUG的问题
- 关于swiper滑动时a标签误触,导致跳转的解决办法
- 关于beautifulsoup的一个bug 由于<!–[if lte IE 6]><![endif]–>无法正常解析标签)
- 关于a标签中图文链接在IE的一个BUG分析
- 关于<a></a>标签里嵌套<a></a>标签的bug
- Eclipse 3.1 M4 关于Generics的Bug
- 关于BlogBench的任何建议和Bug请在这里留言,谢谢支持!
- 发现 ASP.Net 的一个关于"回车提交"的 Bug ? 必须多于一个 Text 域"回车提交",Server: ButtonX_Click 才能截获!
- 今天遇到一个关于STL中排序的问题, 怀疑是sort的bug!
- 关于VC7 ATL ActiveX控件的属性化选项的Bug
- 关于NetAdvantage 2004 vol 2的严重BUG
- 关于如何使用struts标签输出值为map的list
- 发现 SqlHelper v3.1 的一个关于 InputOutput 参数的 Bug? v2.1 老版没错!
- 博客园的bug:关于评论的点击
- 还是关于eVC中Menubar的bug