Почему моя функция jQuery на заполненных элементах jTemplates терпит неудачу?

Question

Я нашел эту ссылку для динамического заполнения некоторых данных с использованием jQuery, jTemplates и AJAX. Я использовал его, чтобы перечислить все категории продуктов из базы данных.

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

Моя идея состоит в том, чтобы перечислить каждое имя категории в качестве отдельного якоря, поместить имя категории в качестве атрибута 'id' и присвоить каждому атрибуту одинаковый атрибут 'class'. Это позволило бы запустить событие .click() jQuery, которое могло бы вернуть имя категории, по которой щелкнули:

$('.foo').click(function () {
    var target = $(this).attr("id");
    alert(target);
});

Проблема в том, что если я перечислю названия категорий с помощью jTemplates, событие не сработает. Событие корректно генерируется на якоре, который не был сгенерирован jTemplates.

Answer 1

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

$('.foo').live('click', function () {
            var target = $(this).attr("id");
            alert(target);
        });