在Twitter引导,看模态留档。我不知道是否有办法听到模态的接近事件并执行函数。
e、 g.以该模式为例:
<div class="modal-header">
<button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<a href="#" class="btn close_link" data-dismiss="modal">Close</a>
</div>
顶部的X按钮和底部的关闭按钮都可以隐藏/关闭模式,因为data dismission=“modal”
。所以我想知道,我能不能听听这个?
或者我可以像这样手动操作,我想。。。
$("#salesitems_modal").load(url, data, function() {
$(this).modal('show');
$(this).find(".close_link").click(modal_closing);
});
你觉得怎么样?
Bootstrap 3和Bootstrap 4文档引用了两个您可以使用的事件。
hide.bs.modal:当调用隐藏实例方法时,立即触发此事件。
hidden.bs.modal:当模式完成对用户隐藏时(将等待CSS转换完成),将触发此事件。
并提供如何使用它们的示例:
$('#myModal').on('hidden.bs.modal', function () {
// do something…
})
Bootstrap的留档引用两个可以使用的事件。
hide:调用hide实例方法后立即触发此事件
隐藏:当模式对用户完成隐藏时(将等待css转换完成),将触发此事件。
并提供了如何使用它们的示例:
$('#myModal').on('hidden', function () {
// do something…
})
如果动态添加了模态div,则使用(用于引导3和4)
$(document).on('hide.bs.modal','#modal-id', function () {
alert('');
//Do stuff here
});
这也适用于非动态内容。
模态事件有两个对,一个是“显示”和“显示”,另一个是“隐藏”和“隐藏”。从名称中可以看出,当模式接近时,隐藏事件会触发,例如单击右上角的十字或关闭按钮等。而隐藏是在模式实际上关闭后发射的。你可以自己测试这些事件。例如:
$( '#modal' )
.on('hide', function() {
console.log('hide');
})
.on('hidden', function(){
console.log('hidden');
})
.on('show', function() {
console.log('show');
})
.on('shown', function(){
console.log('shown' )
});
至于你的问题,我认为你应该听听你模态中的“隐藏”事件。