Javascript DIV定位

我正在使用一些JS来显示Twitter eque错误/成功横幅。我希望横幅在浏览器顶部（FF、Chrome、Safari）的可视时间（包括用户决定在其他地方滚动时）保持可见。然而，我想不出解决办法

我遇到的另一个问题是jQuery没有将传入的消息附加到我用于所有这些操作的#alert div

var alertBanner = function(msg){
    var $alert = $('#alert');
    if($alert.length) {
        $('#alert').empty();
        $(msg).appendTo('#alert');
        var alerttimer = window.setTimeout(function () {
            $alert.trigger('click');
        }, 3000);
        $alert.animate({height: $alert.css('line-height') || '50px'}, 200)
        .click(function () {
            window.clearTimeout(alerttimer);
            $alert.animate({height: '0'}, 200);
        });
    }
}

---

对于顶栏，请使用以下CSS:

#alert{
 position:fixed;
 top:0px;
 left:0px;
 width:100%;
 height:50px;
 padding:5px;
}

现在创建一个像这样的

div

，给它一个id

alert

：

<div id="alert">I am a top bar !!</div>

使用：

或者将

文本

用于纯文本消息

更多信息：

#alert{
 position:fixed;
 top:0px;
 left:0px;
 width:100%;
 height:50px;
 padding:5px;
}

不能使用符号“$”作为JS变量名的开头。

$('#alert').html(msg);