如何添加一个交互式通知徽章到我的网页

Question

我目前正在一个网站上工作，我想添加一个"新闻"部分，当有新文章时，它将显示一个苹果风格的通知徽章。如何使徽章消失，在用户点击"新闻"按钮后，并保持隐藏?

Answer 1

准确地回答你的问题:

<ul>
    <li><a href="#news" class="nav">News</a><span class="badge">2</a></li>
</ul>

Javascript(需要jQuery)

$('.nav').on('click', function(){
    $('.badge').hide()
})

它将保持隐藏。:)