未讀/讀通知徽章在網頁

Question

所以我想要有一個通知徽章（基於網絡）可以讀取和未讀，以及我不知道什麼是正確的術語，但想象一下facebook通知，何時你有3個通知，它會顯示3個徽章。那麼這裏的網站，所以你可以更好地瞭解。我需要的是，如果我點擊某個按鈕，通知標誌將消失。

這裏是我的按鈕代碼

<a class='btn btn-default btn-xs' href='#' role='button'>View Notification</a>

，這裏是我的通知徽章代碼，以及不要試圖運行它，因爲你可以看到引導設計:(

<a href="index.php?cat=notifications" >Notifications<span class="badge">1</span></a>

Answer 1

由於您使用的是引導程序，並且引導程序插件需要jquery，所以我會假定您也在使用jquery。

---

你應該先給查看通知按鈕，通知徽章的id，除非只有一個按鈕，並在頁面上一個徽章。

Then you can simply register an event handler for when someone clicks your button to hide the badge.

$('#view-notification').click(function() { 
    $('#notification-badge').hide(); 
});