/ /ウェブページの未読/既読通知バッジ-javascript、html、twitter-bootstrap

ウェブページの未読/既読バッジ - ジャバスクリプト、HTML、ツイッターブートストラップ

だから私は通知バッジを持っているようにしています(ウェブベース)読めるものと読まないものがありますが、その正しい用語はわかりませんが、Facebookの通知を想像してみてください。通知が3つあると、バッジが3つ表示されます。よくここにあるので、あなたはよりよく理解することができます http://getbootstrap.com/components/#badges。必要なのは、特定のボタンをクリックすると、通知バッジが消えることです。

これが私のボタンコードです

<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>

回答:

回答№1は2

ブートストラップを使用しているため、ブートストラッププラグインには 、私はあなたも使用していると仮定します .


まず、[通知の表示]ボタンと通知バッジに id、ページにボタンとバッジが1つしかない場合を除きます。

次に、誰かがボタンをクリックしてバッジを非表示にしたときのイベントハンドラーを登録するだけです。

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