如何以編程方式關閉notify.js通知？

在下面的示例中，我試圖通過單擊notify.js API高級示例中的暗示按鈕來強制關閉打開的通知，如何完成此操作？如何以編程方式關閉notify.js通知？

function CLOSE() { 
 
    $('#btn').trigger('notify-hide'); 
 
} 
 
$(document).ready(function() { 
 

 
    $('#btn').notify('test note', { 
 
    position: 'right' 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/notify/0.4.2/notify.js"></script> 
 

 
<button onClick="CLOSE()" id="btn" class="tst">Test</button>

來源

2017-01-23 azad

看起來並不像它支持它。你可以添加它併發送一個拉取請求。 –

你必須觸發notify-hide事件div代表notify元素。

function CLOSE() { 
 
    $('.notifyjs-wrapper').trigger('notify-hide'); 
 
} 
 
$(document).ready(function() { 
 

 
    $('#btn').notify('test note', { 
 
    position: 'right' 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/notify/0.4.2/notify.js"></script> 
 

 
<button onClick="CLOSE()" id="btn" class="tst">Test</button>

這裏是它展示瞭如何看起來DOM結構中的片段：

<div class="notifyjs-wrapper notifyjs-hidable"> 
    <div class="notifyjs-arrow" style="left: 41px; top: 6px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid rgb(238, 211, 215); display: none;"> 
    </div> 
    <div class="notifyjs-container" style="left: 46px; top: -7.5px; display: none;"> 
     <div class="notifyjs-bootstrap-base notifyjs-bootstrap-error"> 
       <span data-notify-text="">test note</span> 
     </div> 
    </div> 
</div>

來源

2017-01-23 11:48:04

是的，這是一個很好的解決方案，但我喜歡通過執行'.trigger（'notify-hide'）'函數 – azad

@azad，我更新了我的答案。 –

opps謝謝你先生， – azad

如何以編程方式關閉notify.js通知？

回答

相關問題