Ruby on Rails中的通知栏

时间:2011-08-02 18:07:11

标签: javascript jquery ruby-on-rails ruby ruby-on-rails-3

我想创建一个类似于Facebook或StackExchange的通知栏。

我希望它显示带数字的通知和带有一些信息的下拉面板。

enter image description here enter image description here

有人可以提供一个示例或教程,介绍如何在Ruby on Rails或Javascript / jQuery中创建它吗?

由于

1 个答案:

答案 0 :(得分:6)

它可能是一个两阶段的过程:

  • 获取未完成/未读通知的计数器。在标题中显示为链接。
  • 添加一个jQuery处理程序,该处理程序将根据首选项在点击或悬停时通过AJAX加载消息。

第一部分很简单,如果您已建立范围,则只需在您的关联上调用方法:

<%= link_to(@user.notifications.unread.count, user_notifications_path(@user), :class => 'notifications') %>

接下来的部分涉及用jQuery修补一些东西,或许像这样:

$('.notifications').click(function() {
  $('#notifications').load(this.href);
  return false;
});

您需要有一个特定的视图,该视图将呈现在#notification块中。