Jquery 内容未显示在动态boostrap警报中

Jquery 内容未显示在动态boostrap警报中,jquery,dynamic,twitter-bootstrap-3,alert,insertafter,Jquery,Dynamic,Twitter Bootstrap 3,Alert,Insertafter,我正在尝试创建动态引导警报。 但是,不会显示“成功保存”和“失败”消息 当我检查html时,我看不到在“a.close”之后添加了“strong”标记 代码怎么了 $(文档).ready(函数(){ $('.alert').hide(); $(“#成功”)。单击(函数(){ $('.message').text(''); $('.message').removeClass('alert-danger'); $('.message').addClass('alert-success'); $(“

我正在尝试创建动态引导警报。 但是,不会显示“成功保存”和“失败”消息

当我检查html时,我看不到在“a.close”之后添加了“strong”标记

代码怎么了

$(文档).ready(函数(){
$('.alert').hide();
$(“#成功”)。单击(函数(){
$('.message').text('');
$('.message').removeClass('alert-danger');
$('.message').addClass('alert-success');
$(“.alert success”).find(“.close”).after(“success:已成功保存!”);
$('.alert success').show();
});
$(“#失败”)。单击(函数(){
$('.message').text('');
$('.message').removeClass('alert-success');
$('.message').addClass('alert-danger');
$(“.alert danger”).find(“.close”).after(“失败!”);
$('.alert danger').show();
});
setTimeout(function(){$(“.message”).fadeOut('slow');},3000);
});

成功

故障
请按以下方式更新功能

$('#success').click(function(){
    //$('.message').text('');
    $('.message').removeClass('alert-info');
    $('.message').addClass('alert-success');
    alert($('.alert-success').find('.close').html());
    $('.alert-success').find('.close').after('<strong>Success: Successfully saved!');               
    $('.alert-success').show();
  });
$(“#成功”)。单击(函数(){
//$('.message').text('');
$('.message').removeClass('alert-info');
$('.message').addClass('alert-success');
警报($('.alert success').find('.close').html());
$(“.alert success”).find(“.close”).after(“success:已成功保存!”);
$('.alert success').show();
});
在这里,我对$('.message')进行了评论因为此方法文本(“”)也将清除定位标记


在这里,您还需要删除旧的和旧的消息

请按以下方式更新函数

$('#success').click(function(){
    //$('.message').text('');
    $('.message').removeClass('alert-info');
    $('.message').addClass('alert-success');
    alert($('.alert-success').find('.close').html());
    $('.alert-success').find('.close').after('<strong>Success: Successfully saved!');               
    $('.alert-success').show();
  });
$(“#成功”)。单击(函数(){
//$('.message').text('');
$('.message').removeClass('alert-info');
$('.message').addClass('alert-success');
警报($('.alert success').find('.close').html());
$(“.alert success”).find(“.close”).after(“success:已成功保存!”);
$('.alert success').show();
});
在这里,我对$('.message')进行了评论因为此方法文本(“”)也将清除定位标记

这里您还需要删除旧的类和旧的消息

$(document).ready(function(){
  $('.alert').hide();
  $('#success').click(function(){
   $('.message').removeClass('alert-danger');
   $('.message').addClass('alert-success');
   $('.alert-success').find('.close').next().remove().end().after('<strong>Success: Successfully saved!');              
   $('.alert-success').show();
});
$('#failure').click(function(){
  $('.message').removeClass('alert-success');
  $('.message').addClass('alert-danger');
  $('.alert-danger').find('.close').next().remove().end().after('<strong>Failed!</strong>');
  $('.alert-danger').show();
});
setTimeout(function() { $(".message").fadeOut('slow'); }, 3000);
});
$(文档).ready(函数(){
$('.alert').hide();
$(“#成功”)。单击(函数(){
$('.message').removeClass('alert-danger');
$('.message').addClass('alert-success');
$('.alert success').find('.close').next().remove().end().after('success:已成功保存!');
$('.alert success').show();
});
$(“#失败”)。单击(函数(){
$('.message').removeClass('alert-success');
$('.message').addClass('alert-danger');
$('.alert danger').find('.close').next().remove().end().after('失败!);
$('.alert danger').show();
});
setTimeout(function(){$(“.message”).fadeOut('slow');},3000);
});
以下是完整的代码

$(document).ready(function(){
  $('.alert').hide();
  $('#success').click(function(){
   $('.message').removeClass('alert-danger');
   $('.message').addClass('alert-success');
   $('.alert-success').find('.close').next().remove().end().after('<strong>Success: Successfully saved!');              
   $('.alert-success').show();
});
$('#failure').click(function(){
  $('.message').removeClass('alert-success');
  $('.message').addClass('alert-danger');
  $('.alert-danger').find('.close').next().remove().end().after('<strong>Failed!</strong>');
  $('.alert-danger').show();
});
setTimeout(function() { $(".message").fadeOut('slow'); }, 3000);
});
$(文档).ready(函数(){
$('.alert').hide();
$(“#成功”)。单击(函数(){
$('.message').removeClass('alert-danger');
$('.message').addClass('alert-success');
$('.alert success').find('.close').next().remove().end().after('success:已成功保存!');
$('.alert success').show();
});
$(“#失败”)。单击(函数(){
$('.message').removeClass('alert-success');
$('.message').addClass('alert-danger');
$('.alert danger').find('.close').next().remove().end().after('失败!);
$('.alert danger').show();
});
setTimeout(function(){$(“.message”).fadeOut('slow');},3000);
});
我尝试了:[$('.message').find('strong').remove();]而不是[$('.message').text(''])…我尝试了:[$('.message').find('strong').remove();]而不是[$('.message').text('])。。