菜单栏通知徽章更新问题

时间:2013-05-17 20:36:18

标签: php javascript ajax notifications menubar

我有一个带通知泡泡徽章(CSS3)的菜单栏,以及一个用于从mysql数据库(信使收件箱系统)中检索新邮件的php脚本。我想每秒使用脚本中未读消息的数量更新通知标记的值,或者如果脚本结果为0(没有新消息)则完全隐藏容器。

1 个答案:

答案 0 :(得分:1)

我醒了48小时后终于明白了!

setTimeout('pullNewMessageCount()', 200);
function pullNewMessageCount() {
var url = 'models/bubble.php';
$.ajax({
url: url,
dataType: 'html',
type: 'POST',
success: function(latestCount) {
 setTimeout('pullNewMessageCount()', 200);
 $('#bub').html(latestCount);
 if (latestCount > 0)
 {
   $('#bub').removeClass('hidden').addClass('bubble').addClass('animating');
 } else if ((latestCount = $('#bub').html()) && (latestCount > 0)) {
   $('#bub').removeClass('animating');
 } else if ((latestCount = '0') || (!latestCount)) {
   $('#bub').removeClass('bubble').addClass('hidden');
 } else {
   $('#bub').removeClass('bubble').addClass('hidden');
 }
},
error: function(jqXHR, textStatus, errorThrown) {
}
});
}

最后是一个像Facebook一样的通知泡泡系统!