blocks|key|2244821|text|这对我很有效|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2244822|$("div.jGrowl").jGrowl("close");|code-block|syntax|javascript|2244823|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This worked for me

<pre><code>$("div.jGrowl").jGrowl("close");
</code></pre>

blocks|key|5361068|text|三个选项：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5361069|$('div.jGrowl').find('div.jGrowl-notification').children().parent().remove();

$('div.jGrowl').find('div.jGrowl-notification').trigger('jGrowl.close');

$('div.jGrowl').find('.jGrowl-close').trigger('jGrowl.close');|code-block|syntax|javascript|5361070|它们中的任何一个都会关闭所有通知。不过，我不确定如何关闭单个通知。|5361071|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Three options:

<pre><code>$('div.jGrowl').find('div.jGrowl-notification').children().parent().remove();

$('div.jGrowl').find('div.jGrowl-notification').trigger('jGrowl.close');

$('div.jGrowl').find('.jGrowl-close').trigger('jGrowl.close');
</code></pre>

Any of them close all notifications. I'm not sure how to close an individual notification, though.

blocks|key|2239013|text|这个方法对我很有效，关闭了最后一个通知：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2239014|$('div.jGrowl-close').triggerHandler('click');|code-block|syntax|javascript|2239015|编辑:通过将触发器替换为triggerHandler，提高了效率。请参阅http://api.jquery.com/triggerHandler/|offset|length|2239016|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/triggerHandler/^0|0|0|10|11|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

This one worked for me, closing the last notification:

<pre><code>$('div.jGrowl-close').triggerHandler('click');
</code></pre>

Edit: Improved efficiency by replacing trigger with triggerHandler. See <a href="http://api.jquery.com/triggerHandler/" rel="nofollow">http://api.jquery.com/triggerHandler/</a>

blocks|key|5361309|text|我也遇到了同样的问题，因为我在咆哮通知中添加了一组按钮。一个用于接受通知，另一个用于忽略通知。我采用的方法是添加一个afterOpen回调，然后添加一个带有对原始click元素的引用的close处理程序：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5361310|afterOpen:+function(e,m,o){
++++$(e).find("#acceptInvitation").click(function()+{
++++++++alert(+"Invite+Accepted"+);
++++});
++++$(e).find("#declineInvitation").click(function()+{
++++++++$(e).children("div.jGrowl-close").trigger('click');
++++});
}|code-block|syntax|javascript|5361311|entityMap^0|1M|9|29|5|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

I had the same issue because I was adding a set of buttons into the growl notification. One was used to accept the notification and the other was used to ignore the notification. The approach I took was to add an <code>afterOpen</code> callback and then add a <code>click</code> handler with the reference to the original close element:

<pre><code>afterOpen: function(e,m,o){
 $(e).find("#acceptInvitation").click(function() {
 alert( "Invite Accepted" );
 });
 $(e).find("#declineInvitation").click(function() {
 $(e).children("div.jGrowl-close").trigger('click');
 });
}
</code></pre>

blocks|key|3249323|text|命名空间在事件之后..|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3249324|所以它应该是|3249325|jQuery("div.jGrowl").trigger("close.jGrowl");|code-block|syntax|javascript|3249326|注释之后的更新|offset|length|style|BOLD|3249327|他们博客中提到的语法可能是一个打字错误..(你有没有试过看它是不是能用?)|3249328|除此之外，日期为2009年2月的jquery插件页面上的支持请求可能包含一些更多的见解。看一下..|3249329|entityMap^0|0|0|0|5|2|0|0|11|0|0|1D|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@$K|Y|L|Z|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|10|8|@$K|11|L|12|M|N]]|9|@]|A|$]]|$1|Q|3|R|5|6|7|13|8|@$K|14|L|15|M|N]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|T|$]]

The namespace comes after the event ..

so it should be 

<pre><code>jQuery("div.jGrowl").trigger("close.jGrowl");
</code></pre>

update after comment 
The syntax mentioned in their blog could be a typo .. (did you try it out to see if it works ?)

Other than that, a support request at jquery plugins page dated feb 2009 may contain some more insight .. have a look ..

blocks|key|3249566|text|最好的方法是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3249567|$(".jGrowl-notification:last-child").remove();|code-block|syntax|javascript|3249568|当jGrowl创建通知时，它用于创建两个jGrowl通知DIVs，其中一个为空。因此，当您创建通知时，最后一个通知是最新的通知。所以你需要用jGrowl通知类来关闭最后一个DIV。|3249569|当您只想打开单个便笺时，请使用以下代码，它将删除先前的便笺并创建一个新的便笺|3249570|$(".jGrowl-notification:last-child").remove();

$.jGrowl("Hello+World");|3249571|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

The best method is 

<pre><code>$(".jGrowl-notification:last-child").remove();
</code></pre>

When jGrowl create a notification it use to create two jGrowl-notification DIVs where one is empty. So when ever you create a notification the last is the latest notification. So you need to close the last DIV with jGrowl-notification class. 

When ever you wanted to open only single note use the below code, which will remove the previous note and create a new one

<pre><code>$(".jGrowl-notification:last-child").remove();

$.jGrowl("Hello World");
</code></pre>

blocks|key|333250|text|$(".jGrowl-notification:last-child").jGrowl('close');|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|333251|或|333252|$(".jGrowl-notification:last-child").trigger('jGrowl.close')|333253|是关闭通知的最佳方式，因为所有回调都将相应地触发。|333254|移除模式会绕过回调，这并不理想。还要注意，要关闭特定的通知，您需要使用上面提到的选择器。|333255|$.fn.jGrowl()方法调用旨在并行jQuery.UI的小部件方法，并且已经成为相当常见的地方，我很可能会在将来的版本中对其进行维护。|333256|entityMap^0|0|1H|0|0|0|1O|0|0|0|0|D|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|Y|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|Z|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|P|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|Q|$]]

<code>$(".jGrowl-notification:last-child").jGrowl('close');</code>

or

<code>$(".jGrowl-notification:last-child").trigger('jGrowl.close')</code>

Are the best ways to close a notification as all of the callbacks will be triggered accordingly.

Removing the mode bypasses the callbacks, which is less then ideal. Also note that to close a specific notification you will want to use the selector noted above.

The <code>$.fn.jGrowl()</code> method call is designed to parallel jQuery.UI's widget approach and has become fairly common place and I will most likely maintain this in future releases.

blocks|key|2244852|text|以下是关闭单个通知的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2244853|testGrowl+=+function()+{
+var+ao,+close;
+close+=+function(e)+{
++console.log('close');
++return+$(e).find('.jGrowl-close').trigger('click');
+};
+ao+=+function(e)+{
+++return+setTimeout(function()+{
+++return+close(e);
++},+1500);
+};
+return+$.jGrowl("Hello+world!",+{
+++sticky:+true,
+++afterOpen:+ao
++});
+};
setTimeout(testGrowl,+100);
setTimeout(testGrowl,+1000);|code-block|syntax|javascript|2244854|CoffeeScript+and+dialog+here。|offset|length|2244855|entityMap|0|LINK|mutability|MUTABLE|url|http://knoopgroup.com/blog/manually-closing-jgrowl-notifications/^0|0|0|0|S|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Here is a solution to close individual notifications:

<pre><code>testGrowl = function() {
 var ao, close;
 close = function(e) {
 console.log('close');
 return $(e).find('.jGrowl-close').trigger('click');
 };
 ao = function(e) {
 return setTimeout(function() {
 return close(e);
 }, 1500);
 };
 return $.jGrowl("Hello world!", {
 sticky: true,
 afterOpen: ao
 });
 };
setTimeout(testGrowl, 100);
setTimeout(testGrowl, 1000);
</code></pre>

<a href="http://knoopgroup.com/blog/manually-closing-jgrowl-notifications/" rel="nofollow">CoffeeScript and dialog here</a>.

blocks|key|2244874|text|下面是使用jGrowl的分组功能打开和关闭单个消息的另一个解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2244875|var+nextGroupID+=+1;

var+addMessage+=+function(message)
{
++++var+groupID+=+nextGroupID%2B%2B;
++++$.jGrowl(message,+{+sticky:+true,+group:+"group-"+%2B+groupID+});
++++return+groupID;
};

var+removeMessage+=+function(groupID)
{
++++$("div.jGrowl-notification.group-"+%2B+groupID).trigger("jGrowl.close");
}

//+Example+usage
addMessage("The+first+test+message");
var+testID+=+addMessage("The+second+test+message");

setTimeout(function()+{removeMessage(testID);},+4000);|code-block|syntax|javascript|2244876|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here's another solution for opening and closing individual messages that uses jGrowl's grouping feature:

<pre><code>var nextGroupID = 1;

var addMessage = function(message)
{
 var groupID = nextGroupID++;
 $.jGrowl(message, { sticky: true, group: "group-" + groupID });
 return groupID;
};

var removeMessage = function(groupID)
{
 $("div.jGrowl-notification.group-" + groupID).trigger("jGrowl.close");
}

// Example usage
addMessage("The first test message");
var testID = addMessage("The second test message");

setTimeout(function() {removeMessage(testID);}, 4000);
</code></pre>

blocks|key|3249639|text|使用单击函数并捕获事件以关闭当前通知。例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3249640|$.jGrowl('Hi,+It's+a+clickable+close+notification',+{
++++++click:+function(e,+m,+o)+{
++++++++$(e).jGrowl("close");
++++++}
++++});|code-block|syntax|javascript|3249641|这里e指的是事件，m表示消息，o指的是选项。|offset|length|style|BOLD|3249642|有关更多详细信息，请查看this。|3249643|注释：使用最新版本的jgrowl+lib1.3。|3249644|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/stanlemon/jGrowl^0|0|0|2|1|9|1|F|1|0|C|4|0|0|0|2|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@$I|11|J|12|K|L]|$I|13|J|14|K|L]|$I|15|J|16|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|17|8|@]|9|@$I|18|J|19|1|1A]]|A|$]]|$1|O|3|P|5|6|7|1B|8|@$I|1C|J|1D|K|L]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

Use the click function and catch the event to close the current notification.
For example:

<pre><code>$.jGrowl('Hi, It's a clickable close notification', {
 click: function(e, m, o) {
 $(e).jGrowl("close");
 }
 });
</code></pre>

Here e refers to event, m for the message and o refers to the options.

Check <a href="https://github.com/stanlemon/jGrowl" rel="nofollow noreferrer">this</a> for more details.

NOTE: Use the latest jgrowl lib 1.3 onward.

blocks|key|3249625|text|$('#jGrowl').find('.jGrowl-close').trigger('click');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3249626|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$('#jGrowl').find('.jGrowl-close').trigger('click');
</code></pre>

All,

How to close and open a jgrowl manually 

<pre><code> jQuery("div.jGrowl").trigger("jGrowl.close");
</code></pre>

The above code doesnt seem to work.

Thanks.

How to close a jgrowl manually

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

全,如何手动关闭和打开jgrowl jQuery("div.jGrowl").trigger("jGrowl.close");上面的代码似乎不起作用。谢谢。

问如何手动关闭jgrowl
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何手动关闭jgrowlEN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何手动关闭jgrowl
EN