使用 jquery 一段时间后关闭 Zurb Foundation 中的标注消息

Question

我真的不明白基金会jquery。

我使用 Foundation 和 DJango 创建了一条消息。 我只想将消息发送给 flash 几秒钟然后关闭。

我还想以与“警报”不同的支出关闭“成功”标注：

这是 django & Foundation 中的消息。

<div class="grid-x >
    <div id='messages' class="cell large-12 large-offset-0 medium-12">
        {% if messages %}
            {% for message in messages %}
                <div class="callout {% if message.tags %}{{ message.tags }}{% endif %}" data-closable>
                    <button class="close-button" aria-label="Dismiss alert" type="button" data-close>
                        <span aria-hidden="true">&times;</span>
                    </button>
                    {{ message }}
                </div>
            {% endfor %}
        {% endif %}
    </div>
</div>

谢谢你，

Answer 1

这似乎运作良好。

$(document).ready( function() {

    $('.callout.warning').delay(5000).fadeOut();
    $('.callout.success').delay(3000).fadeOut();

}