Jquery 在显示新的jGrowl通知之前关闭以前的jGrowl通知_Jquery_Notifications_Jgrowl

Jquery 在显示新的jGrowl通知之前关闭以前的jGrowl通知

jquery notifications

Jquery 在显示新的jGrowl通知之前关闭以前的jGrowl通知,jquery,notifications,jgrowl,Jquery,Notifications,Jgrowl,我有一个简单的应用程序，可以执行$.jGrowl（“加载”）。然后显示数据$.jGrowl（“诸如此类的数据出现在这里”）处理数据后，可能需要1-5秒我见过一个例子，其中提到使用default.pool一次只显示一条消息。我想要的格式是：显示框1 压缩数据关闭方框1 显示框2 是否有可以启动的jGrowl函数来关闭所有通知更新根据源代码示例，您可以执行以下操作 $（'#加载'）.jGrowl（''）然后打电话关闭它 $（'#加载'）.jGrowl（'shutdown'）这确实

我有一个简单的应用程序，可以执行

$.jGrowl（“加载”）。然后显示数据$.jGrowl（“诸如此类的数据出现在这里”）处理数据后，可能需要1-5秒
我见过一个例子，其中提到使用default.pool一次只显示一条消息。我想要的格式是：

显示框1
压缩数据
关闭方框1
显示框2

是否有可以启动的jGrowl函数来关闭所有通知
更新

根据源代码示例，您可以执行以下操作

$（'#加载'）.jGrowl（''）

然后打电话关闭它

$（'#加载'）.jGrowl（'shutdown'）


这确实隐藏了加载咆哮，但是它也隐藏了该区域中的后续通知。
$（'loadinggrowl'）.jGrowl（''）；
$('#loadinggrowl').jGrowl('<img src="images/loading.gif" alt="Loading..." />');
$.jGrowl('content here');
document.getElementById('loadinggrowl').style.display = "none";

<body><div id="loading" class="top-right"></div></body>

$.jGrowl（“此处的内容”）；
document.getElementById（'loadinggrowl'）.style.display=“无”；

上面的第3行隐藏了加载内容后的loadinggrowl div
这可能不是最好的方法，但它很有效。
您可以使用$（“.jGrowl通知”）找到所有通知。每个，使用.trigger（'jGrowl.beforeClose'）
触发关闭操作，并创建新的咆哮，如下所示：
$(".jGrowl-notification").each(function () {
    if ($(this).data("jGrowl") !== undefined && $(this).data("jGrowl").created !== undefined) {
        $(this).data("jGrowl").trigger('jGrowl.beforeClose');
    }
});
$.jGrowl("NEW MESSAGE");