Javascript 如何使按钮在转盘横幅中可单击？

我有一个旋转木马横幅在我的网页，指向不同的网页，但我刚刚意识到，按钮是不可点击的。当我点击它时，它会滚动到下一个横幅，但这不是我想要的。我如何解决这个问题

我的旋转木马横幅有以下代码

即将上映的作品




是这样吗？
即将释放

您位于

的按钮被

<a class="carousel-control-prev" href="#mainBanner" role="button" data-slide="prev">
<span class="prev">&laquo;</span>
</a>
<a class="carousel-control-next" href="#mainBanner" role="button" data-slide="next">
<span class="next">&raquo;</span>
</a>

完整代码

菲卡普顿{
位置：相对位置；
z指数：2；
}
即将上映的作品




是这样吗？
即将释放

您能指定哪个按钮吗？代码中说这是引导的部分吗？这嵌套在另一个锚标记中。。。尝试避免嵌套的锚标记，因为引导程序4.0.0样式表链接到网页

figcaption
{
    position: relative;
    z-index: 2;
}