Ruby on Rails中的通知栏

Imm*_*mmo 5 javascript ruby jquery ruby-on-rails ruby-on-rails-3

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

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

在此输入图像描述 在此输入图像描述

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

谢谢

tad*_*man 6

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

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

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

<%= link_to(@user.notifications.unread.count, user_notifications_path(@user), :class => 'notifications') %>
Run Code Online (Sandbox Code Playgroud)

下一部分涉及用jQuery修补一些东西,也许是这样的:

$('.notifications').click(function() {
  $('#notifications').load(this.href);
  return false;
});
Run Code Online (Sandbox Code Playgroud)

您需要具有将呈现到该#notification块中的特定视图.