jquery 手机横向滑动

$(document).ready(function(){
    var $slider = $('.slider');
    var $slides = $slider.find('.slide');
    var slideCount = $slides.length;
    var slideWidth = $slides.width();
    var totalWidth = slideCount * slideWidth;

    $slider.css('width', totalWidth);

    // 添加触摸事件监听
    var startX, endX;
    $slider.on('touchstart', function(event){
        startX = event.originalEvent.touches[0].pageX;
    });

    $slider.on('touchmove', function(event){
        endX = event.originalEvent.touches[0].pageX;
    });

    $slider.on('touchend', function(){
        var deltaX = endX - startX;
        if (deltaX > 50) {
            // 向左滑动
            $slider.animate({left: '-=' + slideWidth}, 300);
        } else if (deltaX < -50) {
            // 向右滑动
            $slider.animate({left: '+=' + slideWidth}, 300);
        }
    });
});

// 在touchend事件中添加边界检查
$slider.on('touchend', function(){
    var currentLeft = parseInt($slider.css('left'), 10);
    if (currentLeft < -(slideCount - 1) * slideWidth) {
        $slider.css('left', -(slideCount - 1) * slideWidth);
    } else if (currentLeft > 0) {
        $slider.css('left', 0);
    }
});