Не срабатывает скрипт?

Question

[Александр Иванов]

есть небольшой скрипт

$(".new-select__item").on('click', function() { //по клику
            alert($(this).attr('data-value'));
            if($(this).attr('data-value') != '5' && $(this).attr('data-value') != ''){
                $('.g_user').fadeIn().show();
            } else {
                $('.g_user').fadeOut(450);
            }
        });

когда загружается сайт то он не срабатывает, но если я в браузере открою консоль скопирую и вставлю этот же код, то все работает, не могу понять почему так! библиотека jquery подключена
кеш чистил, браузеры опера и мозила

Comments

[Антон Литвиненко]

А где он прописан

[Александр Иванов]

ниже html формы

[lUser L]

Элемент с классом new-select__item загружается динамически ?

[Александр Иванов]

Эмиль 🔥, да, потому что это стилизация селекта

[dmitry-toster]

Александр Иванов,

$('body').on('click', '.new-select__item', function() {

[Stnslvtvrn]

Скорее всего у тебя не вызывается сама функция. Т.е. ее необходимо обернуть вот так

$(function () {
$(".new-select__item").on('click', function() { //по клику
alert($(this).attr('data-value'));
if($(this).attr('data-value') != '5' && $(this).attr('data-value') != ''){
$('.g_user').fadeIn().show();
} else {
$('.g_user').fadeOut(450);
}
});
});

[lUser L]

Александр Иванов, тогда все симптомы указывают на делегирование вам уже в комментах подсказали, что бы обратиться к элементам, которые загружаются динамически нужно использовать делегирование, то бишь ссылаться от родителя, не обьязательно от body. можно от родителя, который был загружен в момент загрузки страницы

[Александр Иванов]

dmitry-toster, да! Вы правы, спасибо!