Javascript DIV定位

Question

我正在研究一些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);
        });
    }
}

Answer 1

顶部栏使用此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>

对于jQuery：

而不是：

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

使用：

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

或使用text获取纯文字信息。

更多信息：

• http://api.jquery.com/html/