SO样式警报标题

Question

如果这个问题含糊不清,我很抱歉,但是我想构建一个下拉标题,非常类似于StackOverflow上的标题,当你获得新徽章时会提醒你,或者每当有新的推文进入Twitter时就会提醒你.

我一直在互联网上寻找一个教程,但我正在谷歌搜索我正在寻找的东西.我假设有一种方法可以在jQuery中执行此操作,或者可能有一个jQuery插件,但我找不到任何运气.

这个想法可能是每隔很多秒发出一个AJAX请求,如果找到一个新的警报项,则为用户显示它.

如果有人可以指向我一个资源来学习如何构建一个和/或一个现有的插件,那就太好了.

编辑: 如果有人好奇我是如何使用jQuery制作实际标题的,

在你的ajax的成功回调函数中:

$("#alertHeader").html("whatever you want to say");    
$("#alertHeader").slideDown("slow");

其中"alertHeader"是警报div的ID.

标题的相应CSS是:

#alertHeader {
        position:relative;
        background:#313115;
        width:100%;
        height:30px;
        display:none;
        float:left;
        position:relative;
        z-index:10;
    }

#alertText {
    padding-top: 2px;
    margin-left:auto;
    margin-right:auto;
    color: #FFF;
    font-size: 15px;
    font-style: italic;
    text-align: center;
}

Answer 1

您基本上是在寻找定期轮询脚本.您可以通过setInterval()在函数中使用递归调用自身并在其中执行AJAX请求/状态检查来实现此目的.

http://ajaxpatterns.org/Periodic_Refresh

http://enfranchisedmind.com/blog/posts/jquery-periodicalupdater-ajax-polling/