は、ブートストラップ・dismissible通知が近い

Question

私は予告コードの上

<div id="admin-notice" class="alert alert-dismissible alert-info fade in"> 
<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> 
<p>Dummy Data</strong></a></p> 
</div> 

を表示するためのブートストラップを使用していた後、再び表示され、通知を退け、私はページをリロードすると、通知が再び表示されます。通知を1回だけ見る方法はありますか？

ありがとうございます。

Answer 1

次に、Cookieまたはローカルストレージを使用する必要があります。ローカルストレージの例についてはfiddleをご確認ください。

$(document).ready(function() { 
    if(localStorage.getItem('showstate') != 'shown'){ 
     $("#admin-notice").delay(2000).fadeIn(); 
     localStorage.setItem('showstate','shown') 
    } 

    $('.close').click(function(e) 
    { 
    $('#admin-notice').fadeOut(); 
    }); 
});