Question

我正在尝试创建动态引导警报。但是，这些消息已成功保存了＆＃39;并且＆＃39;失败＆＃39;没有显示出来。

当我检查并检查HTML时，我无法看到强大的＆＃39;标签是在＆＃39; a.close＆＃39;。

之后添加的

代码有什么问题？

＆＃13;

$(document).ready(function(){
  $('.alert').hide();
  $('#success').click(function(){
	$('.message').text('');
	$('.message').removeClass('alert-danger');
	$('.message').addClass('alert-success');
	$('.alert-success').find('.close').after('<strong>Success: Successfully saved!');				
	$('.alert-success').show();
  });
					 
  $('#failure').click(function(){
	$('.message').text('');
	$('.message').removeClass('alert-success');
	$('.message').addClass('alert-danger');
	$('.alert-danger').find('.close').after('<strong>Failed!</strong>');
	$('.alert-danger').show();
  });
  setTimeout(function() { $(".message").fadeOut('slow'); }, 3000);	
});

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
  <div class="alert message">
	<a href="#" class="close" data-dismiss="alert" aria-label="close">X</a>
  </div>
</div>
<button id="success">Success</button>
<button id="failure">Failure</button>

＆＃13;

Answer 1

请按以下更新功能。

$('#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();
  });

在这里，我对 $（＆＃39; .message＆＃39;）。text（＆＃39;＆＃39;）; 发表评论，因为此方法文字（＆＃39; ＆＃39;）也会清除锚标记。

此处您还需要删除旧的类和旧的消息。

Answer 2

这是完整的代码

addToEnd

内容未显示在动态提升警报

2 个答案: