javascript - 将 bootstrap-growl 警报左下角对齐

Question

根据bootstrap-growl options documentation我们可以使用 placement 选项将咆哮通知粘贴到其他地方。我试图将我的咆哮通知放在左下角，但它不起作用。

这就是我正在尝试做的事情:

$(document).ready(function () {
    $.growl({
        message: 'Test.'
    }, {
        placement: {
            from: "bottom",
            align: "left"
        },
        delay: 1000000
    });
});

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-growl/1.0.6/bootstrap-growl.min.js"></script>

选项正在被解析:延迟选项被尊重。如果我添加其他人也是如此。但是，该位置仍保留在默认的顶部/右侧位置。

我正在使用 bootstrap-growl 版本 1.0.6。第 2 版似乎正在制作中，但尚未发布。也许我的问题的一部分是 bootstrap-growl 网站的文档是针对 V2 的？

我在这里缺少什么？可能是显而易见的事情......

Answer 1

使用position代替，如下所示:

$(document).ready(function () {
    $.growl({
        message: 'Test.'
    }, {
        position: {
            from: "bottom",
            align: "left"
        },
        delay: 1000000
    });
});

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-growl/1.0.6/bootstrap-growl.min.js"></script>

如果您检查1.0.6 release's options documentation on GitHub您会看到相关选项(尚未)称为“placement”，而是(仍然)称为“position”。其他一些选项似乎也有所不同。