jquery jgrowl位置答案

【问题标题】：jquery jgrowl positionjquery jgrowl位置
【发布时间】：2015-08-20 23:10:53
【问题描述】：

如果在 jgrowl.css 中位置更改为“中心”，我如何将其覆盖为默认值，即“右上角”

$.jGrowl(data, { 
     header: 'data',
     animateOpen: { height: 'show'}, 
     life: 10000,
     position:'top-right'
});

目前，在上面的位置现在不起作用

谢谢..

【问题讨论】：

【解决方案1】：

根据jGrowl Options documentation的位置选项

指定一个应用于 jGrowl 容器并控制它在屏幕上的位置的类。默认情况下，有五个选项可用，左上、右上、左下、右下、中心。 必须在调用启动方法之前更改默认值。

要做到这一点，你会得到类似的东西

    <script type="text/javascript">
           $.jGrowl.defaults.position = 'top-right';
    </script>

然后你可以像上面那样拨打电话并省略位置设置。从 jGrowl 文档来看，您必须默认设置位置，我的快速测试确认在 $.jGrowl(...) 调用中设置位置无效。

希望有帮助

【讨论】：

【解决方案2】：

如果您希望不同的通知位于不同的位置，您需要创建单独的通知容器。

此外，如果您有单独的容器，您还需要使用调用 jGrowl 的选择器形式，而不是简写包装器。

即。 $('#my-container').jGrowl('我的通知...');

【讨论】：