Flash消息 - jQuery

Question

在我的Rails应用程序中,我有闪存消息,我希望它每次有闪存消息时,它从顶部向下滚动(所有内容变低)停留几秒钟并且幻灯片重新启动.

我怎么能用jQuery做到这一点？

我切换高度？

更新

有时消息将被注入到HTML中,这意味着slideDown由于DOM已经加载,它将无法工作,我怎样才能拥有它,以便jQuery查找.message然后应用slideDown和slideUp？

Answer 1

您可以将其向下滑动,等待几秒钟,然后再次向下滑动:

$(selector for your message).slideDown(function() {
    setTimeout(function() {
        $(selector for your message).slideUp();
    }, 5000);
});

将5000您希望消息保持可见的时间更改为毫秒.

并记住display: none;在CSS中设置您的消息,以便在jQuery进入之前它不会出现.