引導警報不關閉clickign X按鈕

我正在使用引導程序3，並且當單擊x按鈕時我的警報元素未關閉。我的代碼如下所示 - 注意css類的「modalEditError」並不存在，那是我試圖在類名稱的機制函數而不是id值的情況下關閉它。引導警報不關閉clickign X按鈕

<div class="alert alert-error modalEditError" runat ="server" id="modalEditError" visible ="false"> 
    <button class="close" type="button" data-dismiss="modalEditError">×</button> 
    <strong>The updated interview information was not saved!</strong> <div id="Div2" runat="server" ></div> 
</div>

來源

2015-07-10 kacalapy

而你包括'alert.js'插件？ – Starscream1984

您的代碼缺少alert-dismissible類，和你data-dismiss按鈕應該針對alert：

<div class="alert alert-danger alert-dismissible" runat ="server" id="modalEditError" visible ="false"> 
    <button class="close" type="button" data-dismiss="alert">×</button> 
    <strong>The updated interview information was not saved!</strong> <div id="Div2" runat="server" ></div> 
</div>

還要注意，alert-error不是引導類，但alert-danger（紅色）。

Bootply Example

Bootstrap Alert Documentation

來源

2015-07-10 14:21:36

我可以稱之爲「警惕」而不是解僱嗎？因爲io有一個函數在3秒內自動關閉它們：function myTimer（）{（「＃MyPageAlert」）。delay（1500）.fadeOut（「slow」，function（）{$（this）.remove（） ;}）; } – kacalapy

我的超時時間與我的警報標記ID不匹配。像魅力一樣工作 – kacalapy

是的，上面的'data-dismiss'只用於在單擊'X'按鈕時關閉警報。使用'$（「＃modalEditError」）.modal（「hide」）;'在那個超時函數內可以完成和'.delay（...）'函數相同的功能。很高興這有幫助。 –

引導警報不關閉clickign X按鈕

回答

相關問題