@Fama18122000

Не работают события для динамически созданных элементов?

При клике на кнопку должен создаваться элемент и казалось бы всё работает, но не работают события привязанные к классам этого элемента
$('.add-newPost-bth').on('click', function(){
    $(`<div class="newPost">
        <div class="form-new-post">
            <form class="field-form-new-post">
                
            </form>
        </div>
        <script>
            autosize($('.textaria-new-post'));
        </script>
    </div>`).insertAfter('.newPost')
})

P.S содержимое было уменьшено для простоты чтения. Методы из разряда добавить live(), setTimeout и т.п не помогли
  • Вопрос задан
  • 53 просмотра
Решения вопроса 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Используйте всплытие событий.
$(document).on('click', '.add-newPost-bth', function() {
  ...
});

Вместо document можно подставить селектор любого статического родителя.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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