为什么& # 39;mouseenter& # 39;Event does只对每次迭代中空格键#的第一个元素起作用
Why 'mouseenter' event does only works for the first element of a spacebar #each iteration?
我正在尝试在模板组件中创建一个离画布菜单。我把这篇文章当作参考。
我有一个非常常见的设置:
- 一个容器标签,我迭代的
items
集合 - 一个
item
组件,我有我的画布外菜单
换句话说,我在容器中的items
光标上有一个空格键迭代:
{{#each items}}
{{> item}}
{{/each}}
和在我的item
组件中,我有一个简单的mouseenter
事件附加到<a>
DOM节点。
Template.item.events({
"mouseenter #item_menu": function(event, template){
console.log("hover detected");
$(template.find('#item_wrapper')).toggleClass('show-nav')
},
})
它与第一个item
组件一起工作得很好,但对于所有其他组件,mouseenter
事件不会触发。为什么?
将元素和事件选择器从#item_menu
更改为类.item_menu
ID应该是唯一的(在你的html中一次)
相关文章:
- 一键启动按钮不起作用
- 自动完成箭头键不起作用
- HTML按钮的作用类似于从键盘按下的键,并在某些对象或整个网站上起作用
- 在键上验证正在工作,但在按键时它不起作用
- 通过右键单击更改完整日历中事件的背景颜色 - 不起作用
- Javascript键码在Firefox中不起作用,但在chrome中运行良好
- 按下空格键一次后,Jquery功能不起作用
- 键代码在chrome中不起作用
- 退格和空格在Firefox中不起作用
- 快速键入时,Javascript onKeyUp条件不起作用
- jqgrid子网格row_id空格不起作用PHP jquery
- jQuery 循环 .each() JSON 键/值不起作用
- Onchange,向上,向下箭头键适用于FF和Chrome,但在IE中不起作用
- 文本区域上的键更改不起作用
- Bash 和 MongoDB:Eval 中的空格不起作用
- JavaScript正则表达式替换非单词和空格不起作用
- 为什么& # 39;mouseenter& # 39;Event does只对每次迭代中空格键#的第一个元素起作用
- 替换为"“;(空格)不起作用
- 使用事件.用来验证用户按下空格键是否在Firefox中不起作用
- 空格键keyCode(32)在Mozilla Firefox上不起作用