jQuery在web应用程序上淡入/淡出

Question

我已经使用Padilicious在我的ipad webapp主页上轻扫以加载新闻页面，但我想要做的是当用户滑动时主页淡出，然后新闻页面在加载时淡入。我知道如何让新闻页面淡入，但是当检测到滑动时无法让主页淡出。

Answer 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';
    }
}