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>

似乎正在解析选项：delay选项很受尊重。如果我添加它们，其他人也是如此。但是，展示位置仍处于默认的顶部/右侧位置。

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

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

Answer 1

改为使用position，如下所示：

＆＃13;

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

＆＃13;

<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>

＆＃13;

如果您选中1.0.6 release's options documentation on GitHub，则会看到相关选项尚未调用（＃34; placement＆＃34;但是（仍）称为＆＃34; position＆＃34;。其他一些选择似乎也不同。

左下方对齐bootstrap-growl警报

1 个答案: