Загрузите другую страницу .html, когда событие получено

Question

Я использую TouchSwipe для приложения android для html/javascript hybird. В основном я хочу, чтобы включить сенсорный/салфетки, так что пользователь может проведите пальцем влево/вправо, чтобы перейти к следующей/предыдущей странице

<div id="test" class="box">Index</div> 
    <script> 
     $(function() {   
      //Enable swiping... 
      $("#test").swipe({ 
       swipe:function(event, direction) { 
        //direction returns four events: left, right, up & down 
        //depending on which direction you swiped on the page 
       }, 
       //Default is 75px, set to 0 for demo so any distance triggers swipe 
       threshold:75 
      }); 
     }); 
    </script> 

Мой вопрос заключается в том, как использовать эти возвращенные события?

Например, если событие «левый» Я хочу

window.location.href = "about.html"; 

Else, если событие является «правильным» Я хочу

window.location.href = "home.html"; 

UPDATE: Фигурные его, то Ответ был простым. Я сделал себя слишком сложным

if(direction=='left'){ 
     window.location.href = "GuidedTour.xhtml"; 
     }else if(direction=='right'){ 
     window.location.href = "../index.html"; 
     } 

Answer 1

UPDATE: Понял это, ответ был простой простой. Я сделал себя слишком сложным

if(direction=='left'){ 
    window.location.href = "GuidedTour.xhtml"; 
    }else if(direction=='right'){ 
    window.location.href = "../index.html"; 
    } 

Answer 2

попробовать с помощью JQuery для достижения эффекта:

$("#test").swipe(function(event){ 
    window.open($("http://putyourlinkhere.com").attr('href'),'_blank'); 
},'left');