锚定按钮自动重定向

Question

我试图在按下按钮时显示一个灯箱。问题是，当锚点位于按钮周围时（如下面的代码），它会自动重定向到 "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>

Answer 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。

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

锚定按钮自动重定向

Anchor around button automatically redirecting

html

anchor

button

twitter-bootstrap