Html 单击X按钮时引导警报未关闭

Html 单击X按钮时引导警报未关闭,html,twitter-bootstrap-3,Html,Twitter Bootstrap 3,我正在使用Bootstrap 3,当单击x按钮时,我的警报元素没有关闭 <div runat ="server" class="alert alert-error modalEditError" id="modalEditError" visible ="false"> <button class="close" type="button" data-dismiss="modalEditError">×</button>

我正在使用Bootstrap 3,当单击x按钮时,我的警报元素没有关闭

<div runat ="server" class="alert alert-error modalEditError"  
    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>

×
更新的面试信息未保存

注意:CSS类“ModaledError”实际上并不存在;这是我试图让它关闭,以防机制在类名而不是id值上运行。

您的代码缺少
警报可解除类,并且按钮上的
数据解除
应该以
警报
为目标:

<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.js
插件?我可以称它为“alert”以外的其他名称吗?因为io有一个函数可以在3秒钟内自动关闭它们:函数myTimer(){$(“#MyPageAlert”).delay(1500)。fadeOut(“slow”,函数(){$(this.remove();)}我超时时的id与我的警报标记的id不匹配。工作方式类似于charmYeah,上述
数据解除
仅用于在单击
X
按钮时关闭警报。使用
$(“#modalEditError”).modal(“隐藏”)将完成与
.delay(…)
函数相同的功能。很高兴这有帮助。