javascript - Foundation 显示模态停止执行类似 alert() 的 javascript;
问题描述
我正在编写一个带有基础显示模式的程序。当打开一个模态时,javascript需要停止执行,直到用户按下模态中的按钮,然后只有javascript继续执行。这更类似于 javascript 中的 Alert() 函数。可能吗?
我需要一些指导,谢谢!
解决方案
是的,这是可能的。
HTML:
<div id="modal_div" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Modal body text goes here.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button id="okbtn" type="button" class="btn btn-primary">Ok</button>
</div>
</div>
</div>
</div>
<!-- end html-->
Javascript:
function hide_modal_on_click(top_level_modal_div, button) {
var top_level_modal_div = $("#modal_div").show();
var button = $("#okbtn").on('click', function() {
top_level_modal_div.hide();
})
}
hide_modal_on_click();
推荐阅读
- javascript - 反应:警告:失败的道具类型:无法读取未定义的属性“应用”
- ios - RxSwift。订阅发生两次
- haskell - foldMap :: (Monoid m) => (a -> m) -> fa -> m 类型是什么意思以及如何实现它?
- r - acf 函数和 ggAcf 函数给出不同的结果
- vba - 访问 vba msado 参考中的路径错误
- swift - Swift 3 有没有办法将日期打印为 Date 而不是 String
- html - 如何单击使用 python 的 Selenium webdriver 标签创建的按钮?
- javascript - 在主渲染循环中访问 GLTF 导入的部分内容(对不起,如果不成熟)
- linux - 删除超过 30 天的文件,但在 1 个目录中保留 6 个月
- python - Scapy - 如何模拟大小小于最小值(20 字节)的 IP 标头/数据包