jQuery - 隐藏前等待2秒

Question

因此，在我的代码中，该函数应该使#aboutPopOut向左滑动，然后在2秒后，将闪屏移至.hide（）。滑动工作，但等待和隐藏不。这是我的功能;

function aboutHide() {
    $("#aboutPopOut").animate({ left: "-60%" }, 500);
    setTimeout(function() {
        $("#fadeScreen").wait(2).hide();
    }, 500);
};

请帮我弄清楚出了什么问题。所有回复将不胜感激。

Answer 1

您正在寻找.delay method。您还必须将数字传递给.hide以使其成为动画方法，否则.delay无效。

 $("#fadeScreen").delay(2000).hide(0);

Answer 2

试试这个

function aboutHide() {
    $("#aboutPopOut").animate({ left: "-60%" }, 500);
    setTimeout(function() {
        $("#fadeScreen").delay(2000).hide();
    }, 500);
};

Answer 3

更新以下内容..

function aboutHide() {
$("#aboutPopOut").animate({ left: "-60%" }, 500);
setTimeout(function() {
$("#fadeScreen").delay(2000).hide();
}, 500);
};