javascript - 向右滑动和向左滑动

Question

我正在为 ipad 构建一个应用程序。理想情况下，我希望主屏幕显示徽标，向左滑动以查看注册页面，然后向右滑动以登录。我希望加载的第一个屏幕成为 : var numberOfSliderObjects = 3.If I set the var currentSliderObject = 2（中间），我只能向左滑动一种方式，这是正确的，但是当我一直向右滑动时，我的div id='slider'has element.style: left: 768px; 当它应该在0px并且仍然可以滑动时。

var numberOfSliderObjects = 3;
var currentSliderObject = 2;
var slideDistance = 768;

//鼠标事件

$('#sliderPrevButton').on('tap', function(event){
    event.preventDefault();
    slideToPrevious();
});

$('#sliderNextButton').on('tap', function(event){ 
    event.preventDefault();
    slideToNext();  
});

// 触摸事件

$('#slider').on('swiperight', function(event){ 
    event.stopPropagation();
    slideToPrevious();
});

$('#slider').on('swipeleft', function(event){ 
    event.stopPropagation();
    slideToNext();      
});

// 功能

function slideToPrevious(){
    if(currentSliderObject>1){
    $("#slider").animate({
    left: '+='+slideDistance
    }, 'easeInOutExpo');    

    currentSliderObject--;

    };
};

function slideToNext(){
    if(currentSliderObject<numberOfSliderObjects){
    $("#slider").animate({
    left: '-='+slideDistance
    }, 'easeInOutExpo');    

    currentSliderObject++;
    };
};