单击按钮清除推送通知

Clearing push notifications onClick button

本文关键字：通知 清除 按钮 单击      更新时间：2023-09-26

我在rails应用程序中有一个通知按钮，可以列出朋友最近的活动。它有一个计数徽章，出现在按钮上方。一旦用户查看了这些通知，我想清除当前徽章，这样计数就可以用新的通知重新开始。有什么建议吗？

var renderActivities = function() {
  var source = $('#activities-template').html();
  var template = Handlebars.compile(source);
  var html = template({
    activities: window.loadedActivities, 
    count: window.loadedActivities.length
  });

我在尝试这样的东西：

$('#notifications-button').click(function(event) {
      count: = 0;
  });

源代码（体外）：

<script id="activities-template" type="text/x-handlebars-template">
  <button class="btn btn-default" class="dropdown-toggle notifications-button" data-toggle="dropdown"><i class="fa fa-bell-o fa-2x"><span class="badge notifications-count">{{count}}</span></i></button>
  <ul class="dropdown-menu pull-right notifications-menu">
  {{#each activities}}
    {{activityLink}}
  {{/each}}
  <li class="divider"></li>
  <li><a href="{{activityFeedLink}}" class="center">See All</a></li>
  </ul>
</script>

我真的不太熟悉Javascript，但真的需要这个功能来工作。

您需要获取包含计数的选择器，并将文本设置为0。类似…

$('#notifications-button').on('click', function() {
  $('.notifications-count').text('0');
});
相关文章：