Question

我正在尝试按下按钮时出现一个灯箱。问题是，当锚点位于按钮周围时（如下面的代码所示），它会自动重定向到＆＃34; 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。

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

锚定按钮自动重定向

1 个答案: