2011-02-15 9 views
0

Padilicious를 사용하여 ipad 웹 응용 프로그램의 내 홈페이지에서 뉴스 페이지를로드하도록 허용했지만 사용자가 스 와이프 한 다음 홈페이지를 페이드 아웃하면 뉴스 페이지가로드되면 페이드 인합니다. 페이드 인하는 방법을 알고 있지만 스 와이프가 감지되면 페이드 아웃 할 수 없습니다.웹 응용 프로그램에서 jQuery 페이드 인/아웃

답변

1

fadeOut() 기능을 사용해 보셨습니까?

$("#containingDiv").fadeOut() 

그래서 누군가가 오른쪽으로 스 와이프 할 때 페이드 아웃되는이 같은 일을했을 padalicious의 코드로이 퍼팅 -하지만 당신은 쉽게 그 함수 주위를 이동할 수 있습니다

function processingRoutine() { 
    var swipedElement = document.getElementById(triggerElementID); 
    if (swipeDirection == 'left') { 
     // REPLACE WITH YOUR ROUTINES 
     swipedElement.style.backgroundColor = 'orange'; 
    } else if (swipeDirection == 'right') { 
     // REPLACE WITH YOUR ROUTINES 
     $("#containingDiv").fadeOut() 
     swipedElement.style.backgroundColor = 'green'; 
    } else if (swipeDirection == 'up') { 
     // REPLACE WITH YOUR ROUTINES 
     swipedElement.style.backgroundColor = 'maroon'; 
    } else if (swipeDirection == 'down') { 
     // REPLACE WITH YOUR ROUTINES 
     swipedElement.style.backgroundColor = 'purple'; 
    } 
} 
+0

@ 크리스 네 I 하지만 페이지에 내용이 희미 해지기위한 방아쇠가 필요하기 때문에 스 와이프 감지 기능으로 fadeOut을 사용하는 방법에 대해서는 확신 할 수 없습니다. 현재 fadeOut()을 사용하는 경우 페이지가 즉시로드되어 사라집니다. – Jordan

+0

그 순간에 어떻게 스 와이프를 감지합니까? 나는 이것이 iPad/iPhone에서 사용하기위한 사이트라고 추정합니까? – Chris

+0

http://www.padilicious.com의 코드를 사용하고 있습니다. – Jordan