jQuery 事件委托和把手 DOM 元素

Question

所以我已经遇到这个问题几个小时了，我研究了所有其他答案，他们都说这与将事件分配给 dom 元素有关'还不存在。奇怪的是：一些有问题的 dom 元素有效而有些无效，而且模式非常运行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 上的项目的 link 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)

jQuery 事件委托和把手 DOM 元素

jQuery event delegation and handlebars DOM elements

jquery

dom

ruby-on-rails

event-delegation

handlebars.js