如何动画右/左隐藏和使用jQuery显示div?

时间:2014-02-04 20:27:52

标签: javascript jquery

到目前为止,当我点击一个事件时,我的应用程序正在运行,div向左移动,下一个div出现,到目前为止一直很好。第一个过渡是有效的,但是当我想回去时它不起作用。

function animate_question(current_question, next_question, direction) {
    if (direction == "left") {
        $(current_question).animate({
            left: "-=100",
            opacity: "0"
        }, {
            "complete": function () {
                $(current_question).remove();
                $(next_question).delay(200).fadeIn();
            }
        });
    } else if (direction == "right") {
        $(current_question).animate({
            left: "+=100",
            opacity: "0"
        }, {
            "complete": function () {
                $(current_question).remove();
                $(next_question).delay(200).fadeIn();
            }
        });
    }
}

修改

上下文

$("#next2").click(function() {
    var a = check_radio("Q1");
    if(a) {
        animate_question(".question1", ".question2", "left");
    } else {
        alertify.alert(message);
    }
});


$("#back1").click(function() {
    animate_question(".question2", ".question1", "right");
});

1 个答案:

答案 0 :(得分:2)

remove实际上从DOM中删除了该元素。如果再试一次,就没有动画元素。