Javascript 为什么我的点击事件处理程序不能工作?

Javascript 为什么我的点击事件处理程序不能工作?,javascript,meteor,onclick,event-handling,Javascript,Meteor,Onclick,Event Handling,这太令人沮丧了!我无法使我的单击事件处理程序工作。我花了几个小时试图找出问题所在,但失败了 以下是我的模板代码: <template name="ViewStats"> <div class="tileMenu" > </div> </template> 现在来看看未能启动的事件handlar。 我做错了什么 Template.ViewStats.events({ 'click .tileMenu': function (event)

这太令人沮丧了!我无法使我的单击事件处理程序工作。我花了几个小时试图找出问题所在,但失败了

以下是我的模板代码:

<template name="ViewStats">
<div class="tileMenu" > </div>
</template>
现在来看看未能启动的事件handlar。 我做错了什么

Template.ViewStats.events({

     'click .tileMenu': function (event) {

      alert("You clicked tileMenu"); 
        }   
 });
有人能解释一下为什么我的警报功能无法启动吗


提前谢谢

您的模板事件代码很好,应该可以正常工作

因此,我认为你的实际事件没有发生的原因是因为你的点击没有在你目标的div上注册

这可能是因为该div的位置奇怪或位于另一个div下。请尝试删除所有样式并单击该div。还可以尝试检查元素以查看实际的
tileMenu
div在页面上的位置

在div中临时放置一些内容作为视觉测试。因此,您知道单击的位置是div。例如:

<div class="tileMenu" > CLICK ME CLICK ME CLICK ME </div>
点击我点击我点击我点击我

我怀疑一旦您删除样式或找到div所在的位置并单击它,您将看到您的警报触发。

您的模板事件代码正常,应该可以正常工作

因此,我认为你的实际事件没有发生的原因是因为你的点击没有在你目标的div上注册

这可能是因为该div的位置奇怪或位于另一个div下。请尝试删除所有样式并单击该div。还可以尝试检查元素以查看实际的
tileMenu
div在页面上的位置

在div中临时放置一些内容作为视觉测试。因此,您知道单击的位置是div。例如:

<div class="tileMenu" > CLICK ME CLICK ME CLICK ME </div>
点击我点击我点击我点击我

我怀疑一旦删除样式或找到div所在的位置并单击它,您将看到您的警报。没有内容的div“很难单击”。在那里放一些内容,这样你就可以确保你真的点击了div。试着添加文本和测试。或者,尝试将图像放在实际的HTML中而不是背景中

没有内容的div“很难单击”。在那里放一些内容,这样你就可以确保你真的点击了div。试着添加文本和测试。或者,尝试将图像放在实际的HTML中而不是背景中

将模板放在哪里?@amaia放在main.HTML中。与main.js中的“我的事件”相同的文件夹您将模板放在哪里?@amaia放在main.html中。与main.js中的“我的事件”文件夹相同