html - 单击图像右侧时防止 Bootstrap 轮播滑动

Question

我注意到，当您单击 Bootstrap 轮播图像的右侧或左侧时，它会滑动到下一帧。有没有办法阻止它转到下一张图片，除非我直接点击 glyphicon 控件？

例。如果我直接点击箭头，我只想滑动到下一张图片。

在我的例子中，我使用了下面的这些控件。

<a style="visibility: @visible;" class="left carousel-control" href="#profile-carousel" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" style="font-size: 20px;" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a style="visibility: @visible;" class="right carousel-control" href="#profile-carousel" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" style="font-size: 20px;" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>

Answer 1

我通过添加更高的 z-index 值解决了这个问题:200