首页 > 代码库 > bootstrap大图轮播手机端不能手指滑动解决办法
bootstrap大图轮播手机端不能手指滑动解决办法
网上看了很多解决办法,几乎本质都是一样的,都是引入一个滑动的js插件,加入一段js代码,即可生效,但是我试了hammer.js 和 touchSwipe.js 都不生效,也找不到原因是什么,目前在网上就找到 toucher.js 可以实现,贴到博客,留作备用:
1 <script> 2 $(function(){ 3 var myTouch = util.toucher(document.getElementById(‘carousel-index‘)); 4 myTouch.on(‘swipeLeft‘,function(e){ 5 $(‘.right‘).click(); 6 }).on(‘swipeRight‘,function(e){ 7 $(‘.left‘).click(); 8 }); 9 }) 10 </script>
获取的id为整个大图轮播最外层的id,
$(‘.right‘)、$(‘.left‘) 为左右点击箭头的类名,如轮播不需要左右箭头,给箭头加 display:none; 就可以。
参考链接:http://blog.csdn.net/wmwyyx/article/details/46608893
本文出自 “小叙前端” 博客,请务必保留此出处http://beileixinqing.blog.51cto.com/7540036/1905169
bootstrap大图轮播手机端不能手指滑动解决办法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。