Question

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

我一直在互联网上寻找一个教程，但我正在谷歌搜索我正在寻找的东西。我假设有一种方法可以在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/

Answer 2

对于UI显示部分，您正在寻找一个fixed header，其链接使用jQuery或任何javascript来点击时隐藏标题。

编辑： this link可能是一个更好的例子。

SO样式警报标题

2 个答案: