ruby-on-rails - 当您获得新徽章时，我如何制作类似于 stackoverflow 顶部弹出的酷栏的东西？

Question

当您在 stackoverflow.com 上获得新徽章时，屏幕顶部会出现一个栏，通知您您的成就。它会一直存在，直到用户将其关闭。

我更喜欢通知用户有关网站或他们帐户的新消息的系统。它相当不打扰，但仍能清楚地传达信息。即使所有用户都以这种方式收到通知，它也会为每个用户保留，直到他们确认看到它为止。

我正在 PostGres 数据库上使用 Ruby on Rails 运行一个系统。在我的设置上实现类似系统的最佳方式是什么？

编辑:澄清一下，我对设置的服务器端和客户端都感兴趣。

Answer 1

该效果可以使用 jQuery 和 slideDown 方法 ( http://api.jquery.com/slideDown/ ) 来实现。设置 onClick 事件以使元素向上滑动、隐藏或点击 AJAX 调用，让您知道用户已收到消息并将其关闭。

您可以通过 AJAX 调用设置元素的内容(我会使用 div)，或者您可以在生成页面时简单地用适当的消息填充 div，将 div 设置为隐藏，然后通过 $(document).ready 定义 ( http://think2loud.com/jquery-document-ready-howto/ ) 完成页面加载后启动 slideDown 方法。