jquery - Bootstrap 关闭按钮不显示

Question

我动态注入(inject)警报:

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

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

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);