锚定按钮自动重定向答案

【问题标题】：Anchor around button automatically redirecting锚定按钮自动重定向
【发布时间】：2015-01-14 02:01:01
【问题描述】：

我正在尝试在按下按钮时显示灯箱。问题是，当锚点在按钮周围时（如下面的代码），它会自动重定向到“mywebsite.com/myimage.jpg”。但是，当锚点在里面时，只有单击文本才会弹出灯箱。代码如下：

<a href="myimage.jpg" rel="lightbox" title="Title!" style="color:white" class="lightbox">
    <div>
        <button class="btn btn-lg btn-block" style="background:red">Button Text!</button>
    </div>
</a>

【问题讨论】：

那么你想要发生什么？
我想要一个按钮来弹出灯箱
Problem is, when the href is around the button (like in the code below)...你能把这句话说完吗？有什么问题？
<a> 内的 <button> 无效。参见例如stackoverflow.com/a/6393863/2476884

标签： html twitter-bootstrap button anchor

【解决方案1】：

锚点和按钮有两种不同的预期用途，尽管 Bootstrap 允许您将其中任何一种设置为按钮。选一个。两者都使用是不好的做法。

<a href="myimage.jpg" rel="lightbox" title="Title!" 
    class="lightbox btn btn-danger btn-lg btn-block my-button-class">Button Text!</a>

.btn-danger 变体为您提供您似乎想要的白底红方案。见http://getbootstrap.com/css/#buttons-options。

如果这不能解决您的问题，您需要更清楚地了解您正在使用哪个灯箱插件以及它正在寻找哪些属性。

【讨论】：