网上看了很多解决办法,几乎本质都是一样的,都是引入一个滑动的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
时间: 2024-10-12 16:01:15