javascript - 清除单击按钮上的推送通知

Question

我在 Rails 应用程序中有一个通知按钮，其中列出了 friend 最近的事件。它的按钮上方显示有一个计数徽章。一旦用户查看这些通知，我想清除当前徽章，以便可以使用新通知重新开始计数。有什么建议吗？

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，但确实需要这个功能才能工作。

Answer 1

您需要获取包含计数的选择器并将文本设置为0。类似这样的事情...

$('#notifications-button').on('click', function() {
  $('.notifications-count').text('0');
});