Почему не срабатывает событие?

Question

[Urukhayy]

$(document).ready(function){
   LoadClasses(); // вызываем функцию, она создаст эелементы с  классами (class='images'), и поместит их в DOM дерево.

   $('.images').click(function(){ // кликаем по созданному вызовом функциии выше классу
      alert("Вы кликнули по картинке с классом 'images'"); // сообщение не отображается
   });

   $('.topic').click(function(){ // кликаем по классу, который прописан сразу в документе .html
      alert("Вы кликнули по картинке с классом 'topic'"); // сообщение успешно отображается
   });
}

Answer 1

[Alexander Sydorenko]

Вы сегодня издеваетесь? :) Третий вопрос об одном и том же..

$(document).on('click', '.images', function(){ // кликаем по созданному вызовом функциии выше классу
      alert("Вы кликнули по картинке с классом 'images'"); // сообщение не отображается
   });

Какая разница между jQuery .bind() .live() .delegate() и .on()?

А если объяснить коротко на пальцах, то все что вы пишете в $(..).click() вешается только в момент загрузки страницы, то есть что было из $('.images') то и подписали, а если добавляете динамически элементы на страницу, то и подписывать их на события нужно через $(document).on('событие', 'селектор', обработчик());

Comments

[Urukhayy]

Оу, спасибо. Я не предполагал, а может не заострял особого внимания, что разная запись вызова события может играть такую роль)

[Urukhayy]

А когда это я один и тот же вопрос задавал интересно? )

[Alexander Sydorenko]

Urukhayy: Нет, не Вы.. Просто за сегодня это уже 3-ий подобный вопрос в этой теме.. )

Answer 2

[Alex]

Вероятнее всего потому, что в HTML class="image", а события вы слушаете на $('.images') (лишняя s в конце).

Comments

[Urukhayy]

Название крайне не причём. Это всё для примера.

[Alex]

Urukhayy, тогда покажите, пожалуйста, функцию, с помощью которой вы вставляете элементы.