html - 我在可点击区域内的链接不可点击

Question

我有一个可点击的可折叠区域(点击使用户能够展开文本)在此可点击区域内，我希望添加一个链接(下面代码中的“我的链接”)以执行另一个操作。我的问题是我的按钮链接不可点击。

我搜索了堆栈溢出并找到了类似的问题，但没有经过验证的答案。

谢谢。

<div>
        <a aria-controls="collapse2" aria-expanded="false" class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapse2" role="button"><br>
            <div>
                <table>
                    <tbody>
                        <tr >
                            <td class="pink">some text</td>
                            <td class="pink"><a href="/....">My link</a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </a>
    </div>

Answer 1

不要使用元素或不要用它来包装你需要链接或按钮的东西

要使用另一个元素来切换折叠 block ，请使用 data-toggle="collapse"和 data-target="#collapse2"

<div aria-controls="collapse2" aria-expanded="false" class="collapsed" data-parent="#accordion" data-toggle="collapse" data-target="#collapse2" role="button"><br>
    <div>
        <table>
            <tbody>
                <tr >
                    <td class="pink">some text</td>
                    <td class="pink"><a href="/....">My link</a></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>