如何解决使用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 举报,一经查实,本站将立刻删除。