0

Насколько я понимаю, .delay() не работает с .addClass и .removeClass, как можно реализовать подобие вот такой конструкции:

$('.element_1').click(function(){
    $(this).addClass('element_2').delay(1000).removeClass('element_2'); 
});

Чтобы при клике добавлялся класс, а затем удалялся и при повторном клике на элемент происходило тоже самое. .toggleClass в этом случае не подходит.

Суть в том, что после клика происходит CSS анимация через @keyframes.

2
  • Вам нужен setTimeout(). 15 янв 2017 в 13:09
  • Да, спасибо! Разобрался. 15 янв 2017 в 13:44

1 ответ 1

1

Разобрался, получился следующий скрипт:

    $('.element_1').click(function(){
       $(this).addClass('element_2'); //Добавяляем класс элемнету
       setTimeout(function(){ // Устанавливаем задержку
            $('.element_1').removeClass('element_2'); //Удаляем элемент
       }, 1000); //1000 - одна секунда
     });
5
  • Нет, так нельзя. Если у вас будет несколько элементов с классом .element_1 - то класс исчезнет у всех, а не только там где был добавлен. Если пользователь будет часто кликать - полезут визуальные баги. 16 янв 2017 в 6:31
  • Вам надо сохранить $(this) в локальную переменную: var $this = $(this) и потом использовать его. 16 янв 2017 в 6:32
  • Можно немного подробнее? 21 янв 2017 в 15:01
  • Да куда уж подробнее-то? 21 янв 2017 в 15:07
  • Пример скрипта, например. Я пытаюсь похожую задачу решить, где другим элементам удалить/добавить надо, не выходит. Например есть div в который вложен input и label, когда input .focus лэйблу добавляется класс, когда .focusout удаляется. 21 янв 2017 в 15:15

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.