引導3警報 - 顯示與jQuery或JS

我有一個自舉3警報DIV喜歡它引導3警報 - 顯示與jQuery或JS

 <div class="alert" style="background-color:#9FF781;"> 
      <button type="button" class="close" data-dismiss="alert">&times;</button> 
      <strong>Done</strong> Deleted Successfully. 
     </div>

而且我越來越像輸出這 -

但問題是它從頁面加載時可見，當我點擊關閉按鈕時，它就會消失。

我喜歡它會在第一時間消失，並會與JS電話前面。

那麼，我怎樣才能讓它從第一個可見。

我該如何使用JS或jQuery來恢復它。

有什麼辦法嗎？

請幫忙。

來源

2015-09-18 Abrar Jahin

你可以設置它隱藏的樣式，然後使用jQuery來'.show（）'元素再次。首先將'style'改爲'background-color：＃9FF781; display：none;' – Eraph

感謝您的幫助。 –

我正在嘗試 –

引導警報Docs

你必須使用hide或show（jQuery的方法）來隱藏或顯示警報div。

入住這

$('#toggleAlert').click(function() { 
 
    $('.alert').toggle() 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<div class="alert alert-success alert-dismissible" style='display:none;'>Test 
 
    <button data-dismiss="alert" type="button" class="close" aria-label="Close"> 
 
    <span aria-hidden="true">&times;</span> 
 
    </button> 
 
</div> 
 
<input type="button" id="toggleAlert" value="Toggle Alert" />

注：在警報的關閉按鈕，如果你點擊的是，引導去除DOM的alert股利。所以，如果你想再次顯示alert，那麼使用一個按鈕到toggle div，而不使用alert中的關閉按鈕。

來源

2015-09-18 03:33:47

引導3警報 - 顯示與jQuery或JS

回答

相關問題