Question

我有一个卡头，单击时需要在其中带有操作的图标。问题是，当我单击它时，它会折叠我不想做的卡。我有什么办法可以防止仅在此图标上崩溃？

根据客户要求，图标必须位于标题旁边，并且他们绝对希望完整的标题能够在单击时折叠。

我想我将删除bootstrap data-toggle =“ collapse”并使用.card-header：not（xxx）构建自己的折叠，以防止我的链接在javascript中停止。

<h5 class="card-header">
     <a data-toggle="collapse" href="#infoGeneral" aria-expanded="true" aria-controls="infoGeneral" id="heading-info-general" class="d-block">
                    Information générale de la station <i class="far fa-comment"></i>
                    <i class="fas fa-angle-up float-right"></i>
                </a>
            </h5>

image

Answer 1

您只需要将其从折叠元素中取出即可。

<h5 class="card-header">
    <p class="d-block">Information générale de la station <i class="far fa-comment"></i></p>
    <a data-toggle="collapse" href="#infoGeneral" aria-expanded="true" aria-controls="infoGeneral" id="heading-info-general" class="d-block">
        <i class="fas fa-angle-up float-right"></i>
    </a>
</h5>

卡标题-图标上的链接停止折叠

1 个答案: