jQuery在延迟后添加一个类，然后延迟另一个类

Question

如何在延迟之后添加班级，然后再延迟另一个班级？

我似乎只能添加一个。

$(document).ready(function() {
    $(".websites-container").delay(5000).queue(function() {
            $(this).addClass("active");
    });

    $(".websites-container").delay(8000).queue(function() {
            $(this).addClass("gone")
    });
});

Answer 1

您需要.dequeue()在.queue()回调中调用，否则队列中的以下项目永远不会被执行。

$(document).ready(function() {
    $(".websites-container").delay(1000).queue(function() {
            // I'm impatient. I shortened the times.
            $(this).addClass("active").dequeue();
    }).delay(2000).queue(function() {
            $(this).addClass("gone");
    });
});

.active {font-weight: bold}
.gone {color:red}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="websites-container">abc</div>

（这几乎被@adeneo解决了，除了在回调中放置出队。）