Bootstrap 警报不会显示

Question

我已将一个页面从 BS2 转换为 BS3，但无法在对话框中显示警报。我已将其缩小为一个简单的示例。我一定是遗漏了一些基本而明显的东西！

<div class="alert alert-danger hide" id="form-error">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
        &times;
    </button>
</div>


<a href="#" class="btn btn-primary btn-large" type="button" onclick="mysavefunction()" id="trev">Press me</a>

保存看起来像这样

$('#form-error').html("<p>error message").show(); 

http://jsfiddle.net/GrimRob/v5sqcrLr/21/

Answer 1

我猜 show() 不起作用，因为 class hide 不会被这个函数删除，所以我宁愿攻击隐藏 class:

$('#trev').click(function () {
    $('#form-error').html("<p>error message</p>").toggleClass('hide');
});

这会导致显示您的表单错误。