Twitter bootstrap 解除包含模式时解除引导警报的最简单方法
我使用bootstrap3动态显示modals内部的警报。如果模态被解除,我希望警报被解除。因此,如果我显示一个错误警报,用户会取消模式以修复错误,然后将模式恢复,当模式返回时,错误警报不会出现 我知道我可以通过以下方式手动设置: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'); }); 但我想知道是否有一种更简单的方法,可能是使用数据属性,在隐藏时使用模式关闭其中
$('.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">×</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">×</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是某种疯狂黑客之外的唯一选择