twitter bootstrap alert隐藏初始化

Question

我正在使用twitter bootstrap进行警报,并且我希望在输入中出现错误时显示警报.我可以在初始化时隐藏它并在发生错误时显示它.但之后警报再次消失.是否有任何方法可以确保警报保持在那里直到给出正确的输入

<div class="span4">  
                <div class="alert alert-error  fade in" id = "user_name_exist" >  
                   <button type="button" class="close">×</button>
                  <h4 class="alert-heading">Username error!</h4>  
                    The username entered is used by another user. Please choose another one!
                </div>  
</div>  

有人可以帮帮我吗？

Answer 1

对于它的价值,我不喜欢编辑下载的软件包.我在我的结尾有同样的事情,但我做的只是删除data-dismiss="alert"关闭按钮的一部分.然后使用与Nintin上面基本相同的代码来隐藏警报.

HTML代码

<div id="AddAlert" class="alert alert-block" style="display:none;">
  <button type="button" class="close">&times;</button>
  <h4 id="AddAlertH4">Error</h4>
  <div id="AddAlertMessage">My error message goes here.</div>
</div>

JS代码

$(".close").click(function(){
    $("#AddAlert").hide();
});

我还使用PHP动态填充我的错误消息,但我没有在此概述,因为它不是问题的一部分.

Answer 2

您需要从 bootstrap-alert.js 文件中删除该行

function removeElement() {
  $parent
    .trigger('closed')
    .remove()
}

删除.remove()并保存js文件

比在代码中添加 Javascript 来手动关闭 ex

    $(".close").click(function(){
$("#myalert").hide();
 });