javascript - 右にスワイプ、左にスワイプ

Question

iPad用のアプリを作成しています。var numberOfSliderObjects = 3.理想的には、ホーム画面にロゴを表示し、左にスワイプしてサインアップ ページを表示し、右にスワイプしてログインするようにしたいと考えています。 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++;
    };
};