引导模式通过js错误关闭

时间:2019-04-04 19:34:31

标签: javascript vue.js bootstrap-4 bootstrap-modal vue-component

如何以编程方式关闭引导模式?我检查了很多答案,但没有一个起作用...以下所有方法均关闭模式,但保留背景,因此我尝试使用$('.modal-backdrop').remove();删除背景,这会破坏模式,如果我在删除背景后显示它滚动不适用于模式。我需要通过js以及只要需要通过调用方法来关闭它。我知道我可以使用data-dismiss="modal"将其关闭。

我如何隐藏模式:

$('#mymodal').modal("toggle");
$('#mymodal').modal("hide");
$('.close').click();

更新

所以我看到很多人都可以使用$('#mymodal').modal("hide");,但是当我检查页面时,我发现主体中有两个模态背景,在我调用hide之后,它关闭了模态和第一个模态-背景,但是第二个仍然存在,这就是为什么它不起作用的原因。

模式打开:

enter image description here

使用$('#mymodal').modal("hide");关闭模式后

enter image description here

1 个答案:

答案 0 :(得分:0)

这应该有效。如果不是,您在代码中还有其他问题。阅读模态javascript文档https://getbootstrap.com/docs/4.0/components/modal/#via-javascript

ContactsContract.Data.DATA1