Twitter bootstrap 解除包含模式时解除引导警报的最简单方法

Twitter bootstrap 解除包含模式时解除引导警报的最简单方法,twitter-bootstrap,twitter-bootstrap-3,bootstrap-modal,Twitter Bootstrap,Twitter Bootstrap 3,Bootstrap Modal,我使用bootstrap3动态显示modals内部的警报。如果模态被解除,我希望警报被解除。因此,如果我显示一个错误警报,用户会取消模式以修复错误,然后将模式恢复,当模式返回时,错误警报不会出现 我知道我可以通过以下方式手动设置: $('.modal').on('hidden.bs.modal', function (e) { $('.alert', $(this)).alert('close'); }); 但我想知道是否有一种更简单的方法,可能是使用数据属性,在隐藏时使用模式关闭其中

我使用bootstrap3动态显示modals内部的警报。如果模态被解除,我希望警报被解除。因此,如果我显示一个错误警报,用户会取消模式以修复错误,然后将模式恢复,当模式返回时,错误警报不会出现

我知道我可以通过以下方式手动设置:

$('.modal').on('hidden.bs.modal', function (e) {
    $('.alert', $(this)).alert('close');
});
但我想知道是否有一种更简单的方法,可能是使用数据属性,在隐藏时使用模式关闭其中的所有警报。而不是仅仅在任何使用模态的页面上植入那条代码

这是一个典型的模式,其中包含警报:

<div id="modalNew" class="modal fade" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Create New Thing</h4>
            </div>
            <div class="modal-body">
                <form> ... </form>
                <div class="alertbox">
                    <div class="alert alert-danger alert-dismissable">
                       <button type="button" class="close" data-dismiss="alert">&times;</button>
                       <strong>Error!</strong> You did it wrong.
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" onclick="SubmitForm()">Create</button>
            </div>
        </div>
    </div>
</div> 

&时代;
创造新事物
... 
&时代;
错误
据我所知,引导不允许多个
数据值。即使您尝试将取消按钮的
数据解除
值设置为
警报
,出于某种原因,它也会隐藏模式页脚

我想说,在每个页面上使用两行jQuery是某种疯狂黑客之外的唯一选择