仅当 Laravel 接受确认时才关闭模式

Posted 2023-03-14

【中文标题】仅当 Laravel 接受确认时才关闭模式

【英文标题】：Closing a modal only if the confirmation is accepted in Laravel

【发布时间】：2022-01-08 22:37:09

【问题描述】：

我是 Laravel 的新手，我正在尝试制作一个带有关闭和添加按钮的模式。当我单击关闭时，会显示一个小对话框询问您是否真的要退出模态，但是当我单击确定时，它不会关闭模态。有谁知道这是为什么？

我的模态：

<div class="modal-footer">
          <button type="button" class="btn btn-secondary" onclick ="return confirm('Do you really want to quit?');" data-backdrop="static">Close</button>
          <button type="submit">Add</button>
        </div>

【参考方案1】：

return confirm('Do you really want to quit?'); 不做任何事情。您应该使用 jQuery 来隐藏模式。

如果你真的想使用confirm，你可以使用下面的内联命令或使用单独的函数。

假设modal的id是“test_modal”，那么：

<div class="modal-footer" id="test_modal">
    <button type="button" class="btn btn-secondary" 
            onclick ="confirm('Do you really want to quit?')? $('#test_modal').modal('hide') : false" 
            data-backdrop="static">Close</button>
    <button type="submit">Add</button>
</div>

【讨论】：

这可行，但只会删除实际的页脚，而不是整个模式......知道为什么吗？

这里应该用整个modal的id代替test_modal。 test_modal 是一个示例，仅用于演示。这是页脚的id，所以只删除了页脚。

啊，是的！谢谢！但它仍然存在问题。背景仍然是暗淡的，当模态框打开并且您可以与屏幕进行交互时。

我已经更新了答案。

不错！！你做了什么改变？