JQuery 모바일 스 와이프 .load .prev 및 .next

Question

jquery를 쓰는 방법을 알아 내려고합니다. 오른쪽 스 와이프시 이전 형제를로드하고 다음 형제를로드 할 왼쪽 스 와이프를 수행합니다. 나는 JS 멍청 아.

HTML/HAML는

#gallery 
    #active-pane 
    #pane1.pane 
    Pane 1 
    #pane2.pane 
    Pane 2 
    #pane3.pane 
    Pane 3 
    #pane4.pane 
    Pane 4 

나는 JQuery와 작업 아래에 있습니다. 그러나 나는 정말로 그것이 바로 이전 형제단과 다음 형제단을 적재하고 싶습니다. .pane을 스 와이프하여 다음 또는 이전을 가져옵니다.

$("#pane1").swiperight(function() { 
    $('#active-pane').load("/additional-info #pane2").fade("slow"); 
    return false 
}); 

Answer 1

swiperight/swipeleft 이벤트에서 슬라이드 전환이있는 페이지를 변경하면됩니다.

$(".ui-page").swiperight(function() { 
    $.mobile.changePage($('#'+getNextPageId()), 
         { transition: "slide", reverse:false}); 
}); 


$(".ui-page").swipeleft(function() { 
    $.mobile.changePage($('#'+getPrevPageId()), 
         { transition: "slide", reverse:true}); 
}); 

전체 데모 : http://jsfiddle.net/nachiket/MsP4u/