关于jquery中的stopPropagation仅用于模式

Question

我使用stopPropagation()阻止子级的父级功能。

HTML

<form class="form-inline " id="box" role="form"  data-toggle="modal" data-target="#myModal">
<div class="alert alert-success fade show">
    <button type="button" class="close" data-dismiss="alert">&times;</button> 
message1                                      
</div>
<div class="alert alert-success fade show">
    <button type="button" class="close" data-dismiss="alert">&times;</button> 
message2                                      
</div>
</form>

CSS

#box {
    border: 1px solid #ced4da;
    min-height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
}

脚本

$("#box div").on("click", function (e) {
 e.stopPropagation();
})

如果我单击方框，这将起作用，模态打开。如果我单击按钮，则模式不会打开，但不会关闭警报。

当我单击按钮时，我希望在不打开模式的情况下取消警报。

是否可以使用stopPropagation()从子（按钮）仅停止模式显示？