如何防止 div 内的按钮链接（作为引导按钮）（作为引导按钮）单击父按钮？答案

【问题标题】：How to prevent button link ( as a bootstrap button) inside of div ( as a bootstrap button) clicking parent button?如何防止 div 内的按钮链接（作为引导按钮）（作为引导按钮）单击父按钮？
【发布时间】：2019-01-21 04:03:15
【问题描述】：

<button class="list-group-item" type="button">
<a class="btn-sm btn-info" href="/internal-api/v1/guidances/connector-guidance" target="_blank">Second Button</a>
<div class="btn btn-primary ">Main Button </div>
</button>

有没有办法防止点击链接（第二个按钮）而不导致点击主按钮？

【问题讨论】：

您不能在按钮中放置链接...这是无效的 HTML
您可以使用 jquery 来防止在单击 clild 时单击父项
您根本不想点击主按钮？
我希望它可以在任何其他时间被点击。只是不是在单击第二个按钮时
当你点击 seconde 按钮时，它会带你到下一页对吗？

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

<div class="list-group-item" >
        <a class="btn-sm btn-info" href="/internal-api/v1/guidances/connector-guidance" target="_blank">Second Button</a>
        
        <button class="btn btn-primary " type="button">Main Button </button>
        
        </div >

像这样更改您的代码以避免单击父按钮并相应地设置样式

【讨论】：