首先贴图如下:
事件 | 描述 | 实例 |
---|
show.bs.modal | 在调用 show 方法后触发。 | $('#identifier').on('show.bs.modal', function () { // 执行一些动作... }) |
shown.bs.modal | 当模态框对用户可见时触发(将等待 CSS 过渡效果完成)。 | $('#identifier').on('shown.bs.modal', function () { // 执行一些动作... }) |
hide.bs.modal | 当调用 hide 实例方法时触发。 | $('#identifier').on('hide.bs.modal', function () { // 执行一些动作... }) |
hidden.bs.modal | 当模态框完全对用户隐藏时触发。 | $('#identifier').on('hidden.bs.modal', function () { // 执行一些动作... }) |
最近做项目,碰到一个问题,当编辑某一行数据的file时,如果没有执行保存操作而仅仅是上传文件到浏览器,此时关闭模态框,当我编辑另一行数据(该行数据没有修改file)并上传服务器时,提交的file是第一次上传至浏览器的文件,而我想通过方法清楚file内容时发现modal处于隐藏状态时,无法获取其中file的值,因此造成数据混乱的问题,后来经过一系列测试,初步认为,当模态框关闭后,即处于隐藏状态时,应该时获取不到其中的表单数据,也就无法清空file值,因此设法在关闭模态框之前清空modal中的值,在网上翻阅了资料,应用了上图上第三个函数,即可在modal关闭之前清空表单数据
$(function () {
$('#editModal').on('hide.bs.modal', function () {
clearForm('edit_form');//清空表单方法,如果在模态框关闭后在调用该方法并没有用。
})
});
困扰了一天的问题解决了,,兴奋啊
当然无法获取隐藏modal框中的内容纯属个人臆测,如若不对,往广大网友指出,谢谢~