Как добавить класс js?

Question

[LolaBola]

Хочу что бы при нажатии на класс у другого класса убирался класс, но вся проблема в том, что в дереве html страницы класса ещё не существует, там контент аяксом загружается через несколько секунд и мой js код не работает.
То есть мой класс .open появляется позже, а скрипт о нем не знает как я понял, подскажите что нужно сделать, что бы скрипт о нем знал?

//Открыть попап
$(document).ready(function() {
    $(".open").click(function() {
            $("#my-popup").removeClass("hide")
        })
});

Answer 1

[Rsa97]

Используйте всплытие событий. Вешайте обработчик на постоянно присутствующий родительский элемент.

Comments

[Kataev]

https://learn.javascript.ru/event-delegation

[makapohmgn]

$(document).on('click', '.open', function() {})

Answer 2

[metalezhig]

Используй делегирование событий.

$(document).on("click", ".open", function() { ... })

Answer 3

[shsv382]

Переводишь аякс-запрос на промисы, потом await <нечто, что добавляет .open> и потом уже вешаешь на него обработчик

Answer 4

[letchiknet]

Попробуй так:

let interval;
        let intervalChecker = function () {
            if ($(".open").length > 0) {
                $(".open").click(function() {
                    $("#my-popup").removeClass("hide")
                });
                clearInterval(interval);
            }
        }
        interval = setInterval(intervalChecker, 10);

Comments

[metalezhig]

Так лучше не делать