6

我正在为我的警报使用 twitter 引导程序，并且我希望在输入出现错误时出现警报。我可以在初始化时隐藏它并在发生错误时显示它。但在那之后，警报再次消失。有什么方法可以确保警报一直存在，直到给出正确的输入

<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>

任何人都可以帮助我吗？

4

3 回答 3

5

对于它的价值，我不喜欢编辑下载的包。我有同样的事情，但我所做的只是删除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 动态填充我的错误消息，但我没有在这里概述，因为它不是问题的一部分。

于 2013-06-14T18:50:15.883 回答
0

这是一个老问题，但以下对我有用（来自stackoverflow上的不同答案，但我再也找不到该答案的链接了）。希望这可以帮助某人。

$('.alert .close').on("click", function(e) {
e.stopPropagation();
e.preventDefault();
$(this).parent().hide();
});
于 2014-04-14T05:26:59.213 回答
0

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

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

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

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

    $(".close").click(function(){
$("#myalert").hide();
 });
于 2012-07-27T07:43:02.927 回答