1

根据bootstrap-growl 选项文档，我们可以使用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 的？

我在这里想念什么？大概有什么明显的...

4

1 回答 1

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>

如果您在 GitHub 上查看 1.0.6 版本的选项文档，您会发现相关选项（尚未）称为“ placement”，但（仍）称为“ position”。其他一些选项似乎也有所不同。

于 2014-12-09T15:02:18.007 回答