jQuery делегирование событий и элементы управления DOM

Question

Итак, у меня была эта проблема в течение нескольких часов, и я исследовал все остальные ответы, и все они говорят, что это связано с назначением события элементу dom, который doesn Пока еще нет. Странно: некоторые из проблемных элементов dom работают, а некоторые нет, а шаблон ОЧЕНЬ случайный. Если у кого-то есть идеи о том, что может вызвать эту проблему, было бы весьма полезно.

вот мой JS код:

$(document).on('click', '.user_word_list_item', function(event) { 
    event.preventDefault(); 
    console.log('worked!'); 
}); 

и вот моя ручка шаблон бар:

<script id="player-word-template" type="text/x-handlebars-template"> 
    {{#each user_words}} 
    <a class="user_word_list_item" id="user_word{{id}}" href="#">{{name}}</a> 
    {{/each}} 
</script> 

это ссылка на мой проект на GitHub https://github.com/laomatt/wordtris/blob/master/app/assets/javascripts/games.js линии 238

и файл вида: https://github.com/laomatt/wordtris/blob/master/app/views/games/show.html.erb

Answer 1

Я решил эту проблему, мне пришлось настроить и привязать тег в привязке jQuery. Так должно быть:

$(document).on('click', 'a.user_word_list_item', function(event)