notify.js通知をプログラムで閉じるには？

Question

次のサンプルでは、​​notify.js APIアドバンスド例でsuggesetedというボタンをクリックして、開いた通知を強制的に閉じようとしていますが、これはどのように行うことができますか？

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>

Answer 1

あなたはnotify要素を表しdivためnotify-hideイベントをトリガする必要があります。ここで

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>