Bootstrap 4 打开手风琴时模式关闭-引导

我遇到了一个问题，现在我上传了我的网站

我有多个按钮可以打开模态，其中一些模态有手风琴来保持内容整洁

虽然只是在本地运行HTML文件没有问题，但是现在当我在模态中打开一个手风琴时，模态关闭，它正在站点上运行。我想这是因为折叠在两个元素上都被切换，即手风琴打开，但模态关闭

有没有一个相对简单的方法来解决这个问题？可能有30种不同的调式和按钮，甚至更多的手风琴显然都有不同的ID

我找到的一个解决办法是，当手风琴打开时，告诉模态保持打开状态。但这意味着要为每一个模态和手风琴编写大量的JS

下面是我的情态和手风琴的一个例子

//Button image to open a modal
<div class="col-xs-8 col-md-4 mb-3">
                <div class="portfolio-item mx-auto" data-target="#ICSkin" data-toggle="modal">
                    <div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
                        <div class="portfolio-item-caption-content text-center text-white">&nbsp;</div>
                    </div>
                    <img alt="skin" class="img-fluid" src="image.png"/>
                    <p class="text-center">Text</p>
                </div>
            </div>


//Modal content
<!-- Intermediate Care Skin section-->
<div aria-hidden="true" aria-labelledby="SkinLabel" class="portfolio-modal modal fade " id="ICSkin" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <button aria-label="Close" class="close" data-dismiss="modal" type="button">
                <span aria-hidden="true"><i class="fas fa-times">&nbsp;</i></span>
            </button>
            <div class="modal-body text-center">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <!-- Portfolio Modal - Title-->
                            <h2>Title</h2>
                            <!--Bites-->
                            <div class="text-left" id="bitesSection">
                                <h2 class="text-center" id="bites">Human and Animal Bites</h2>
                                //Some text
                                <!--Start accordian-->
                                <div id="accordionBites">
                                    <div class="card">
                                        <div class="card-header" id="bitesTreatment">
                                            <h5 class="mb-0"><button aria-controls="collapseBitesTreatment" aria-expanded="false" class="btn btn-link collapsed" data-target="#collapseBitesTreatment" data-toggle="collapse">Treatment</button></h5>
                                        </div>
                                        <div aria-labelledby="bitesTreatment" class="collapse" data-parent="#accordionBites" id="collapseBitesTreatment">
                                            <div class="card-body text-left">
                              //Some text
                                                
                              </div>
                           </div>
                       </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

//打开模式文件的按钮图像
文本
//模态内容
标题
人和动物咬伤
//一些文本
治疗
//一些文本

因此，当我点击按钮打开一个模态时，它会很好地打开，但是如果我点击展开手风琴，模态就会关闭

---

谢谢

我发现了这个问题。我发现它很奇怪，它关闭了模式时，现场，但不是在我的本地机器。我找不到任何东西来说明这种行为的原因，所以我把这个页面上传到我自己的网站上，效果很好。事实证明，我正在使用它的站点上有一些其他js覆盖了我的页面，因此代码导致模式关闭。

我发现了这个问题。我发现它很奇怪，它关闭了模式时，现场，但不是在我的本地机器。我找不到任何东西来说明这种行为的原因，所以我把这个页面上传到我自己的网站上，效果很好。事实证明，我正在使用它的站点上有一些其他js覆盖了我的页面，因此代码导致模式关闭