jquery - jquery jgrowl位置

Question

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

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

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

谢谢..

Answer 1

根据位置选项的jGrowl Options 文档

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

为此，您将拥有类似的东西

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

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

希望有帮助

Answer 2

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

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

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