我正在为我的Rails网络应用创建通知系统。该网站的标题有一个铃铛图标,如果您有新的通知,则会弹出一个红色气泡,点击铃铛会显示所有最近通知的列表。
我想要的是将鼠标悬停在数据库中的通知'dismissed'布尔值从false更新为true。我猜可以使用某种AJAX / JS,但我对这些语言不太自信,所以一些帮助会很棒!
#The template for the header
<li class="notify">
<i class="fa fa-calendar-o"></i>
<i class="fa fa-bell-o" id="notificationmenu" data-toggle="dropdown"></i>
<% if @newnotifications > 0 %>
<div class="notification-bubble"> <%= @newnotifications %> </div>
<% end %>
<ul class="dropdown dropdown-menu-right dropdown-menu" role="menu" aria-Labelledby="notificationmenu">
<% current_user.notifications.where("appear_at < ?", Time.now).order(appear_at: :desc).limit(4).each do |n| %>
<li><div class="notification">
<div class="row">
<div class="col-md-3"><%= n.image %></div>
<div class="col-md-9"><%= n.content %></div>
</div>
</div></li>
<% end %>
</ul>
</li>