Categories

Saturday, April 20, 2024
#919814419350 therichposts@gmail.com
Jqueryswiperjs

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

Swiping 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

therichpost
the authortherichpost
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 14, Angular 15, Angular 16, Angular 17, Bootstrap 5, Nodejs, Laravel, Codeigniter, Shopify, Squarespace, jQuery, Google Map Api, Vuejs, Reactjs, Big commerce etc.

Leave a Reply

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