2015-12-22 34 views
0

我有自動隱藏消息的代碼,如何更改超時功能以關閉點擊?

setTimeout(function() { 
document.getElementById('err').style.display = 'none'; 
}, 5000);  

我需要這樣,當我點擊一個按鈕,它關閉上點擊修改此代碼。

下面是爲div的HTML代碼:

<div class='alert alert-warning alert-dismissible' role='alert'> 
    <button type='button' class='close' data-dismiss='alert' 
    aria-label='Close'><span aria-hidden='true'>&times;</span></button> 
    <h4 id=err>Mail not sent</h4> 
</div> 
+0

我需要關閉div ......! –

+0

製作一個'功能'並在'click'上將其稱爲該功能。 –

回答

1

你要做像

$('.alert .close').click(function(){ 
    $('.alert-dismissible').fadeOut(); 
}); 

調用bind您的快訊的click事件和fadeout您的警報div

0
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.close').click(function(){ 
     $('.alert-dismissible').fadeOut(); 
    }); 
}); 
</script>