Swiping on a slide does not update the pagination active stateSwiping on a slide does not update the pagination active state

Hello to all, welcome to therichpost.com. In this post, I will tell you, Solved – Swiping on a slide does not update the pagination active state.

Swiping on a slide does not update the pagination active state
Swiping on a slide does not update the pagination active state

Here is the jquery trick, with this, I managed to add active class to the pagination on image slide:

swiper.on('slideChange', function(){
  $(".swiper-pagination-bullet").removeClass("swiper-pagination-bullet-active");
  $(".swiper-pagination-bullet:eq("+swiper.activeIndex+")").addClass("swiper-pagination-bullet-active");
});

 

If you have any kind of query then please do comment below.

Jassa

Thank you

By therichpost

Hello to all. Welcome to therichpost.com. Myself Ajay Malhotra and I am freelance full stack developer. I love coding. I know WordPress, Core php, Angularjs, Angular 19, MedusaJs, Next.js, Bootstrap 5, Nodejs, Laravel, Codeigniter, Shopify, Squarespace, jQuery, Google Map Api, Vuejs, Reactjs, Big commerce etc.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.