使用JS引导隐藏新/上一页按钮不起作用

问题描述

我尝试使用下面的js代码来变灰并禁用Bootstrap中的页面滚动按钮。

function check_pagination(){
console.log('share : ',share-2)
console.log('firt element has class :',$('.carousel-item').first().hasClass('active'))
console.log($(`.carousel-item:eq(${share-2})`).hasClass('active'))

if($('.carousel-item').first().hasClass('active')){
    $('.leftarrow').css('opacity',0)
}
else{
    $('.leftarrow').css('opacity',1)
}

if($(`.carousel-item:eq(${share-2})`).hasClass('active')){

    $('.rightarrow').css('opacity',0)

}
else{
    $('.rightarrow').css('opacity',1)
}

}

我将其添加到轮播上的“下一个/上一个”按钮，如下所示。

$('.carousel-control-prev').click(function() {
    $('#channelline').carousel('prev');

    setTimeout(check_pagination,300)

  });
  
  $('.carousel-control-next').click(function() {
    $('#channelline').carousel('next');
    setTimeout(check_pagination,300)
  });

但是，由于某些原因，上一页的按钮从第二页甚至是错误的页面上都显示为灰色，而下一页的按钮则相同。

我做错了什么？预先谢谢你。

完整的代码位于下面的链接中。

https://codepen.io/jotnajoa/pen/LYNzZxe

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript twitter-bootstrap