javascript - 为 .show 创建延迟

Question

所以我有这段代码来为网页顶部的某些选项卡创建下拉菜单。我基本上想要在显示之前延迟 900 毫秒。我觉得我以前做过这样的事，但对于这类事情我完全是个菜鸟。

    $("#header-links li a").hover(
        function() {
        event.preventDefault();
        $(this).parent().addClass("current");
        $(this).parent().siblings().removeClass("current");
        var tab = $(this).attr("data-target");
        $(".tab-content").not(tab).css("z-index", "0");
        $(tab).css("z-index", "1").show();
}, function(){
     $('.tab-content').css("z-index", "0").hide();
     $(this).parent().removeClass("current");
}
);


});

Answer 1

您可以使用 jQuery 的 delay()，但它仅适用于动画。

将持续时间传递给 show() 使其成为动画，任何持续时间都会触发它，因此 1 毫秒应该可以解决问题，甚至零也可以工作

$(tab).css("z-index", "1").delay(900).show(1);