Closing a modal only if the confirmation is accepted in Laravel

我是新的,我正在尝试用关闭和添加按钮制作模态。当我单击关闭时,一个小对话对话框显示,询问您是否真的想退出模态,但是当我点击确定时,它不会关闭模态。有人知道为什么是这样吗?

My Mocal:

<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

  1. 赞同 0

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

    如果你真的想使用confirm,您可以使用以下in-line命令或使用单独的函数。

    将模态的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>
    

    phil
    这作品,但只删除实际页脚,而不是整个模态......任何想法为什么?Nadibm
    您应该使用整个模态的ID来替换test_modal here. test_modal一个例子只是为了演示。这是页脚的ID,所以只有页脚被删除。phil
    Ah yes!! thank you! it is still problematic though. The background remains dim, as when the modal is open and you can interact with the screen.NADIBM
    我有更新答案。phil
    NICE !!你做了什么变化?Nadibm