Как повесить событие на новосозданный класс?

Question

Юрий Янин @VPank

Бессмертие ради знаний. Знания ради бессмертия.

JavaScript

Как повесить событие на новосозданный класс?

Суть такова. Есть элемент с классом скажем "first_class" c помощью события $(".first_class").click и функции .addclass я добавляю к нему класс "second_class" и удаляю существующий "first_class". Но событие $(".second_class").click не срабатывает. Я так понимаю Dom это из-за того, что он реагирует только на изначально созданное Dom дерево при загрузке страницы. Как решить данную проблему?

Вопрос задан более трёх лет назад
305 просмотров

Комментировать

Подписаться 2 Оценить Комментировать

Решения вопроса 1

1 комментарий

Юрий Янин @VPank Автор вопроса

Близко конечно. Но в итоге мне это не помогло. Пока что такой костыль сделал.

tooglecloss = function(e) {
                $(".mobile-navigation").animate({
                "width" : "0%" 
            } , 1500 , function(){
                $(".mobile-navigation").css("display","none");
                $(".cmn-toggle-switch").removeClass("active").addClass('not_active');
            });
    };
    
    
    $('.not_active').on('click', function(e) {
        if($(this).hasClass('not_active')) {
                $(".mobile-navigation").animate({
                "width" : "40%" 
            } , 1500 ); 
                $(".cmn-toggle-switch").removeClass("not_active").addClass("active");
                $(".mobile-navigation").css("display", "block");
                $(".active").on('click', tooglecloss );
        }
        else {
            $(".active").off('click', tooglecloss );
        }
    });

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Средний
Как отсортировать в ХТМЛ по дате рождения от младшего к старшему, а так же, нумерацию их 1,2,3,4. Чтобы можно было потом добавить еще людей?
- 1 подписчик
- час назад
- 22 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Почему шрифт в JS prompt() белого цвета?
- 1 подписчик
- 4 часа назад
- 37 просмотров
2

ответа
JavaScript

Простой
Выдает ошибку, сам файл не нулл(а ошибка выдается там где подключается жс), как исправить?
- 1 подписчик
- 6 часов назад
- 41 просмотр
0

ответов
JavaScript

+2 ещё

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- 6 часов назад
- 146 просмотров
1

ответ
JavaScript

Простой
Какой фреймворк использовать для форм JS?
- 1 подписчик
- 6 часов назад
- 46 просмотров
0

ответов
JavaScript

Простой
Почему change срабатывает раньше чем click?
- 1 подписчик
- 6 часов назад
- 60 просмотров
1

ответ
JavaScript

Простой
Как получить metadata аудио на IOS?
- 1 подписчик
- 12 часов назад
- 20 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как отобразить массив из элементов?
- 1 подписчик
- вчера
- 99 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Неизвестные скрипты на сайте (plupload и moxie). Для чего?
- 1 подписчик
- вчера
- 115 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- вчера
- 89 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Доработать клиентское приложение для GTA 5 на C#

20 апр. 2024, в 00:51

1000 руб./за проект

Верстка и логика формы выбора билетов в зале для покупки

20 апр. 2024, в 00:43

10000 руб./за проект

Разработать формирование УПД на Java

20 апр. 2024, в 00:28

20000 руб./за проект

Answer 1 · 2016-06-15 01:13:48

Можете делегировать события, тогда при клике на документ будет проверяться селектор по которому был клик, на jQuery выглядит как-то так:

$(document).on('click', '.second_class', function () {
    //...
});

Answer 2 · 2016-06-15 04:44:59

Вы добавляете элементу новый класс, но не вешаете, на этот элемент, новое событие. Во вторых, если элемент не пересоздается в DOM, то надо переопределить элементу новое собитие по клику.

$(".first_class").click(function() {
  $(this).addClass('second_class');
  $(this).removeClass('first_class');
  $(this).click(function() {
     // do smth
  });
});

Как повесить событие на новосозданный класс?

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

Минуточку внимания

Войдите на сайт