pessoal, é o seguinte preciso desse SCRIPT funcione para todos os carousels que tenho que as devidas configurações e conteudos vem do banco de dados.
a função desse script e esconder as setas do carousel e exibir, quando for inicio e quando for final.
O problema que quando clico em qualquer seta ele movimenta todos ao mesmo tempo.
Queria ajuda de voces para ajustar isso?!?
$('.carousel').carousel({
interval: false,
})
$('.carousel').ready(function () {
checkitem();
});
$('.carousel').on('slid.bs.carousel', checkitem);
function checkitem()
{
var $this = $('.carousel');
if($('.carousel-inner .carousel-item:eq(0)') .hasClass('active')) {
// Hide left arrow
$('.carousel-control-prev', document).hide();
// But show right arrow
$('.carousel-control-next', document).show();
} else if ($('.carousel-inner .carousel-item:last').last().hasClass('carousel-item')) {
// Hide right arrow
$('.carousel-control-prev' , document).show();
// But show left arrow
$('.carousel-control-next' , document).hide();
} else {
$('.carousel-control-prev, .carousel-control-next', $this).show();
}
}