Jquery 内容未显示在动态boostrap警报中
我正在尝试创建动态引导警报。 但是,不会显示“成功保存”和“失败”消息 当我检查html时,我看不到在“a.close”之后添加了“strong”标记 代码怎么了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'); $(“
$(文档).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('])。。