Javascript 当特色项目在旋转木马中居中时，希望显示CTA按钮

我有4个产品在一个旋转木马。我希望在产品处于活动状态并显示在旋转木马中心时，出现“立即购买”按钮。我正在考虑将每个CTA设置为display:none，并使用类似于下面代码的内容来显示CTA。其父级使用的数据活动属性从1循环到4。我是走对了路还是有更好的解决办法

---

像这样的怎么样？我还想使cta旋转木马可点击，这将使改变

$(document).ready(function () {
  $(".lpm-nav[ data-active=1]"){
    $('.cta-carousel-1').show();
  });

---

}))

需要知道旋转木马是如何工作的。这类东西怎么样$（document）.ready（函数（）{$（“.lpm nav[data active=1]”）{$（'.cta-carousel-1'）.show（）；}）；}）；