Javascript 防止折叠在模式打开时折叠

我试图在不触发塌陷单击事件的情况下打开和关闭一个模态，但是由于模态按钮是塌陷单击元素的子元素，我无法找到一种方法来实现它

e、 stopPropagation（）可以工作，但它会导致其他问题，因此它不是一个选项

.wrap{
背景：绿色；
显示器：flex；
证明内容：中心；
}
.嗯{
背景：红色！重要；
}

情态动词
&时代；
情态标题
...
接近
保存更改

您可以在下面添加

jquery

以防止折叠

$（'.modalclk'）。单击（函数（）{
$（'.wrap'）.attr（'data-toggle'，''）；
});
$（“.close，按钮[data Disclose='modal']）。单击（函数（）{
$（'.wrap'）.attr（'data-toggle'，'collapse'）；
});
$（'body'）。在（“单击”上，函数（e）{
if（$（e.target）.hasClass（'modal'））{
$（'.wrap'）.attr（'data-toggle'，'collapse'）；
}
});
.wrap{
背景：绿色；
显示器：flex；
证明内容：中心；
}
.嗯{
背景：红色！重要；
}

情态动词
&时代；
情态标题
...
接近
保存更改
您可以在下面添加
jquery
以防止折叠


$（'.modalclk'）。单击（函数（）{
$（'.wrap'）.attr（'data-toggle'，''）；
});
$（“.close，按钮[data Disclose='modal']）。单击（函数（）{
$（'.wrap'）.attr（'data-toggle'，'collapse'）；
});
$（'body'）。在（“单击”上，函数（e）{
if（$（e.target）.hasClass（'modal'））{
$（'.wrap'）.attr（'data-toggle'，'collapse'）；
}
});
.wrap{
背景：绿色；
显示器：flex；
证明内容：中心；
}
.嗯{
背景：红色！重要；
}

情态动词
&时代；
情态标题
...
接近
保存更改