javascript - 如何即时锁定/释放 bootstrap modal?

问题描述

问 题

用bootstrap的modal来获取用户输入
然后POST到后端处理 处理完Ajax回调输出处理的结果

在后端处理的时候需要锁住modal不能退出
以免数据重复输入，破坏数据处理的原子性

而别的时候，希望modal是可以随意退出的,
用户可能点开modal并没想输入数据来处理

但是查了下 bootstrap 文档 并实验过
似乎 modal 的 backdrop / keyboard 选项只有在弹出 modal 时可以决定锁定与否

$('#my-modal').modal({
    "backdrop": "static",
    "keyboard": false
});

这样就不能在弹出以后 判定在等待后端处理结果时 才锁住modal

感觉用现成的轮子不能轻松实现自己特殊的需求了 肿么办。。

解决方案

你别把ajax接口以及回来的数据放modal里放其它地方就行了，你现在是数据和页面耦合了。。。

这篇关于javascript - 如何即时锁定/释放 bootstrap modal?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！