Почему не работает on("click"...) в jquery?

Question

[rinaz22]

Всем привет! Есть следующий jquery код, который не работает:

$(".text").on("click", function() {
  alert("123");
});

Класс "text" добавляется после клика по кнопке(там такой же on("click"...) и он работает).
Почему не работает код выше?

Answer 1

[Дмитрий]

Будет работать 146% :)

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

Если не работает, показывайте вывод из консоли.

Comments

[rinaz22]

Я в выше указанном коде, вместо document написал input. input у меня прописан в коде. И класс .text добавляется к этому input'у.
Но все равно не работает

Answer 2

[Arman]

Все что динамически добавляется нужно вешать события по новой или повесить событие от родителя, как-то так:

$("body").on("click", ".text", function() {
  alert("123");
});

Comments

[rinaz22]

Все равно не работает и ни каких ошибок не выводит

Answer 3

[ThunderCat]

опять гадание по фотографии кода... сходу могу предположить 5-6 проблем...
Положите на фиддл, там посмотрим, иначе это все тыканье пальцем в лужу.

Comments

[rinaz22]

Написал же код в самом вопросе.

[ThunderCat]

rinaz22,
во первых - эти 3 строчки нифига не объясняют,
во вторых - вам уже указали что листенеры на динамически меняющиеся элементы привязывают к родительским элементам,
а в третьих - там у вас еще хтмл и куча других функций, которые наверняка что-то друг у друга перебивают или элементы накрывают один другой... Положите в фиддл кусок вашего кода который не работает и покажите как оно не работает.

Answer 4

[Daniel Tkachenko]

Используй .click, это же jq

$("body").click( function() {
  alert("123");
});