@offsiderst

Как исправить баг функции?

функция setBorder

выбираю два последних элемента в блоке
но есть баг, как на скрине (выделяются не два последних, а три)

600ad1fe84ed5760737262.jpeg
https://jsfiddle.net/uv0z9csn/

UPDATE
сам баг хорошо будет видно после следуещих действий:

если изначально у нас выбран в фильтре ( все страны) я кликаю по разным слайдам в середине (пару раз выбираю разные слайды)
потом выбираю Португалию - и кликаю там тоже пару раз по любым слайдам
и потом по предпоследнему слайду там же- то баг будет виден
  • Вопрос задан
  • 110 просмотров
Решения вопроса 1
function setBorder(swiper) {
  let blocks = [...document.querySelectorAll(".swiper-slide.inner")];
  blocks.forEach((item, index)=> {
   item.classList.remove('inner');
  });

  blocks = [...document.querySelectorAll(".swiper-slide.swiper-slide-visible:not(.hide)")];
  blocks[blocks.length-1].classList.add('inner');
  blocks[blocks.length-2].classList.add('inner');
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
cr1gger
@cr1gger
Все дороги ведут в Рим — встретимся в Риме!
Ты врешь, я просто открыл fiddle:
600ad80f60d69421827847.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы