JQuery添加/删除类第二次不工作

Question

我有一个表格来注册用户的一些信息。提交时，会发出一个ajax调用，将数据插入数据库，并返回一个状态代码。根据状态，我显示一个div。该div有一个初始类“hidden”和一个close按钮。从php返回后，我删除了“hidden”类并添加了“alert danger”或“alert success”类。

一旦用户单击close（x）按钮，我将再次添加“hidden”类，并检查元素是否具有“alert danger”或“alert success”类，并将其删除。这是第一次起作用（或至少是隐藏起来）。然而，div没有第二次出现。

我在这里错过了什么？

这是分区

<div class="alert alert-block fade in status hidden">
 <button type="button" class="close" data-dismiss="alert">&times;</button>
 <h4 class="message-head"></h4>   
 <p class="message"></p>   
</div>

下面是成功/错误时运行的代码

$.ajax({
  type:"post",
  url:"register.php",
  data:"name="+name+"&phone="+phone+"&email="+email+"&msg="+msg,
  success:function(data){

  if(data.status === 'success'){
     //show the status msg
     $('.message-head').text("Thank You");
     $('.message').text("Your Request has been taken");
     $(".status").removeClass("hidden").addClass('alert-success');

      }else {
     $('.message-head').text("Sorry");
     $('.message').text("There is some Error. Please Try Again Later");
     //alert(data.status);
     $('.status').removeClass('hidden').addClass('alert-danger');
}}

这是关闭按钮的代码

$('.close').click(function(){
 if ( $('.status').hasClass("alert-danger") ) {
 $('.status').removeClass("alert-danger").addClass("hidden");
}else if ( $('.status').hasClass("alert-success") ) {
 $('.status').removeClass("alert-success").addClass("hidden");
}
});

Answer 1

我不完全确定，但我相信，当您使用Bootstrap JS函数打开引导警报时，关闭引导警报应该是现成的。

这应该适用于开放：

$('.message-head').text("Thank You");
$('.message').text("Your Request has been taken");
$('.alert').alert();

不需要关闭警报的代码，因为警报会像引导示例中那样自动关闭http://getbootstrap.com/javascript/#alerts

编辑：另一种方法是用javascript创建警报。这将是两个问题的解决方案。

Answer 2

我为你准备了一把简单的小提琴

链接：http://jsfiddle.net/qyyegwhu/1/

你是否包括类。

.hidden{
    display: none;
}

我很难复制这个问题，否则呢？