Bootstrap 模态隐藏在 Laravel 7 中不起作用

Posted

技术标签:

【中文标题】Bootstrap 模态隐藏在 Laravel 7 中不起作用【英文标题】:Bootstrap Modal Hide is not working at Laravel 7 【发布时间】:2020-10-08 02:34:02 【问题描述】:

成功上传数据后点击“确定”时尝试关闭自动大写,但点击“确定”时大写没有关闭/隐藏

这是我的刀

complete:function(res)
                console.log(res);
                if(res.responseJSON !== undefined)
                    if(res.responseJSON.status === true)
                        table.ajax.reload();
                        Swal.fire(
                            title:'Success',
                            text:res.responseJSON.messages,
                            icon:'success'
                        ).then((done)=>
                            if (done) 
                                resetForm() 
                                $("my-modal").modal("hide")
                                table.ajax.reload();
                            
                        )
                     else 

【问题讨论】:

$("my-modal").modal("hide") 中的“my-modal”是什么?? 如果“my-modal”是类使用“.my-modal”或者如果它是id使用“#my-modal”,它应该可以工作 "my-modal" 是 id,我更改 "$("#my-modal").modal("hide");"运行,并调用它,它工作 【参考方案1】:

您可以尝试替换 $("my-modal").modal("hide"); 经过 $("#my-modal").modal("toggle");

【讨论】:

以上是关于Bootstrap 模态隐藏在 Laravel 7 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

在移动设备中隐藏 Bootstrap 模态

Bootstrap 4 模态在隐藏时未正确关闭

Bootstrap 模态中选择的下拉菜单隐藏在模态页脚后面

Laravel 刀片中的 bootstrap 4.x 模态

Bootstrap - 模态在隐藏时保持“显示:块”

BootStrap 模态框禁用空白处点击关闭,手动显示隐藏,垂直居中