关于bootstrap tips警告框点击关闭后不可复用的问题

记录一下 今天遇到个问题 使用tips后 点击关闭按钮后再次呼出警告框无效

改之前的代码

<div class="alert alert-warning alert-dismissible" role="alert" id="tips">
	<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  	<font id="error"></font>
</div>

查资料后的结果
把 closeButton 的 data-dismiss=“alert” 去掉，加上 οnclick="$(’#tips’).hide();"

改之后

<div class="alert alert-warning alert-dismissible" role="alert" id="tips">
	<button type="button" class="close" onclick="$('#tips').hide();" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  	<font id="error"></font>
</div>

OK 到这里警告框就可以在点击关闭后重复使用了！！！
具体原因是点击关闭后 bootstrap中的js将警告框的div直接remove了 所以不可复用

参考：https://www.cnblogs.com/koleyang/p/4670601.html