Question

我在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，但确实需要这个功能。

Answer 1

您将要抓取包含计数的选择器并将文本设置为0。像这样......

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

清除推送通知onClick按钮

1 个答案: