gpt4 book ai didi

javascript - Ruby on Rails 中的通知栏

转载 作者:数据小太阳 更新时间:2023-10-29 06:13:20 25 4
gpt4 key购买 nike

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

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

enter image description here enter image description here

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

谢谢

最佳答案

它可能分两个阶段完成:

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

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

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

下一部分涉及用 jQuery 拼凑一些东西,可能像这样:

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

您需要有一个特定的 View ,该 View 将呈现到该 #notification block 中。

关于javascript - Ruby on Rails 中的通知栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6916530/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com