@DeniSidorenko

Tippy js, изменить контент если другой класс?

Привет использую плагин Tippy js
tippy('.product-item__compare', {
    content: 'Добавить в сравнение'
  });

Можно ли модифицировать что если у .product-item__compare есть класс active изменить контент
  • Вопрос задан
  • 292 просмотра
Решения вопроса 2
IceRD
@IceRD
let hasActive = document.querySelector('.product-item__compare').classList.contains('active');
if(hasActive){
tippy('.product-item__compare', {
    content: 'Добавить в сравнение'
  });
}
Ответ написан
Комментировать
@DeniSidorenko Автор вопроса
Еще методом SingleTon'a
import tippy, {createSingleton} from 'tippy.js';

const instances = [];
const items = document.querySelectorAll('.product-item__compare');

for (let i = 0; i < items.length; i++) {
  const contentItem = items[i].classList.contains('active') ? 'Добавить в сравнение' : 'Другой контент'
  instances.push(
    tippy(items[i], {
      content: contentItem,
      updateDuration: 400,
    }),
  );
}

createSingleton(instances, {delay: [300, 600]});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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