看看系统有没有运行起来，再看看是否相应的代码没写对

1 [removed] 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 [removed]

获取的id为整个大图轮播最外层的id，

$('.right')、$('.left') 为左右点击箭头的类名，如轮播不需要左右箭头，给箭头加 display:none; 就可以。

获取的id为整个大图轮播最外层的id，

$('.right')、$('.left') 为左右点击箭头的类名，如轮播不需要左右箭头，给箭头加 display:none; 就可以。

　//定义起始为止的和结束位置变量    let start, end;
    function handleTouchEvent(event) {        //代表用户手指有触摸的状态，离开的时候状态touches的长度为0
        if (event.touches.length == 1) {            //获取当前位置（手指触摸的时候一直是触发的状态）
            let positionDom = event.touches[0].clientX;            
            switch (event.type) {                //手指放在一个DOM元素上
                case "touchstart":
                    console.log(positionDom);
                    start = positionDom;                    break;                //手指拖曳一个DOM元素
                case "touchmove":
                    console.log(positionDom);
                    end = positionDom;                    break;

            }
        }else if(event.touches.length == 0){            //手指从一个DOM元素上移开
            if(event.type == "touchend"){                
                //代表用户向上滑动
                if(end > start){                    //跳转到上一页
                    $("#carouselExampleCaptions").carousel('prev');
                }else if(end < start){                    //跳转到下一页
                    $("#carouselExampleCaptions").carousel('next');
                }
            }
            
        }
    }

    document.getElementById("carouselExampleCaptions").addEventListener("touchstart", handleTouchEvent, false);
    document.getElementById("carouselExampleCaptions").addEventListener("touchend", handleTouchEvent, false);
    document.getElementById("carouselExampleCaptions").addEventListener("touchmove", handleTouchEvent, false);

重新刷新一下

引入一个滑动的js插件，加入一段js代码，即可生效，但是我试了hammer.js 和 touchSwipe.js 都不生效，也找不到原因是什么，目前在网上就找到 toucher.js 可以实现，贴到博客，留作备用：

 1 [removed] 
 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 [removed]

获取的id为整个大图轮播最外层的id，

$('.right')、$('.left') 为左右点击箭头的类名，如轮播不需要左右箭头，给箭头加 display:none; 就可以。

网上看了很多解决办法，几乎本质都是一样的，都是引入一个滑动的js插件，加入一段js代码，即可生效，但是我试了hammer.js 和 touchSwipe.js 都不生效，也找不到原因是什么，目前在网上就找到 toucher.j

获取的id为整个大图轮播最外层的id，$('.right')、$('.left') 为左右点击箭头的类名，如轮播不需要左右箭头，给箭头加 display:none; 就可以。