Bootstrap关闭按钮不显示

Question

我动态注入警报：

$('#'+this.id).append('<div id="alert" class="alert alert-success alert-  dismissible" style="display:none;width:50%;" role="alert">'+  
      '<button id="alertclosebutton" type="button" class="close" data-  dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span>  </button></div>');    

当我得到ajax返回时，我会显示警告：

$('#alert').css("display", "block");
$('#alert').text(realmsg);    

我无法使关闭按钮显示..我希望它与显示无隐藏以节省屏幕空间..

Answer 1

$('#alert').text(realmsg); 

此语句删除内部按钮并添加消息， 如果是的话？然后你可以为你的消息添加一个div，如下所示。

<div id="alert" ... >
  <div class="messagediv">your message area</div>
  <button id="alertclosebutton" ../>
</div>

$('#alert').find('.messagediv').text(realmsg);