本文共 577 字，大约阅读时间需要 1 分钟。
网上看了很多解决办法，几乎本质都是一样的，都是引入一个滑动的js插件，加入一段js代码，即可生效，但是我试了hammer.js 和 touchSwipe.js 都不生效，也找不到原因是什么，目前在网上就找到 toucher.js 可以实现，贴到博客，留作备用：
| 1 2 3 4 5 6 7 8 9 10 | 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; 就可以。