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

Question

我真的不了解Foundation jQuery。

我使用Foundation和DJango创建消息。我只希望消息闪烁几秒钟然后关闭。

我还想以不同的费用结束“成功”标注，而不是说“警告。：

这是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();

}