2009-11-11 49 views
0

我有一個簡單的應用程序,執行$.jGrowl("loading");。然後在處理可能需要1-5秒的數據之後數據顯示爲$.jGrowl("blah blah blah data goes here");關閉之前顯示一個新的jGrowl通知

我見過一個post提到使用default.pool一次只顯示一條消息。我想要的格式是:

  • 顯示框中1
  • 緊縮數據
  • 關閉框1
  • 陳列櫃2

是否有可以啓動,關閉全部jGrowl功能通知?

UPDATE
根據源例子中,你可以做如下因素
$('#loading').jGrowl('<img src="images/loading.gif" alt="Loading..." />');
然後調用來關閉它
$('#loading').jGrowl('shutdown');
<div id="loading" class="top-right"></div> ,它隱藏裝載的咆哮,但它也隱藏在後續的通知該地區。

回答

1
$('#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> 

上面的第3行隱藏加載內容後的loadinggrowl div。

這可能不是最好的方法,但它的工作原理。

0

你可以找到所有通知,$(".jGrowl-notification").each,與.trigger('jGrowl.beforeClose')觸發密切fonction,並創建新的低吼,像下面:

$(".jGrowl-notification").each(function() { 
    if ($(this).data("jGrowl") !== undefined && $(this).data("jGrowl").created !== undefined) { 
     $(this).data("jGrowl").trigger('jGrowl.beforeClose'); 
    } 
}); 
$.jGrowl("NEW MESSAGE");