单击关闭按钮将关闭所有引导程序模型

时间:2021-04-16 09:40:58

标签: javascript html jquery vue.js bootstrap-4


对于那些代码,有一个按钮“Launch modal”可以打开模型,然后在模型中,还有一个按钮“Launch modal2”可以在模型上打开一个新模型(只需调用model2)。
当我点击model2上的关闭按钮时,所有的Model都会被解除。我该如何解决?
请注意,我需要将model2放在Model中用于显示数据。
谢谢。
http://jsfiddle.net/ve42xs6w/

parentBranch_id

1 个答案:

答案 0 :(得分:1)

问题是您将第二个模态放在第一个模态内。 Bootstrap 只会关闭关闭按钮所在的所有模式,因此如果您嵌套它们,第二个关闭按钮将关闭所有外部模式。
要解决此问题,您只需将整个 div#myModal2 向下移动到第一个 div#myModal 下,使它们成为单独的元素。 像这样:http://jsfiddle.net/e92o1j3s/3/