Question

我只是在流星上鬼混，试图通过这段代码弄清楚我在这里做错了什么。它与流星的不同有什么关系，还是我的jQuery刚关闭？而且我认为我想在这里发生的事情是显而易见的，但如果你不明白我想在按钮上点击警告（“不要碰那个”）。

jQuery的：

 $(document).ready(function(){
   $("button").click(function(){
     alert("dont touch that");
   });
 });

HTML：

<head>
  <title>bubblePop</title>
</head>

<body>
  {{> hello}}
</body>

<template name="hello">
  <h1>Hello World!</h1>
  {{greeting}}
  <input type="button" value="Clic" />
</template>

Answer 1

Template.hello.events({
  "click [type='button']": function (evt, template) {
    alert("don't touch that");
  }
});

Answer 2

由于您使用模板生成元素，因此它是动态的，因此请使用event delegation

$(document).on('click', "input[type="button"]", function () {
    alert("dont touch that");
});

Answer 3

jQuery中的选择器是css-ish。当它只是一个字符串时，它会查找该类型的元素。因此，传递“按钮”使其查找按钮元素（其中没有按钮元素），因此没有附加处理程序。

您可能希望定位输入元素

$(document).ready(function(){
 $("input").click(function(){
  alert("dont touch that");
 });
});

Answer 4

您可以使用$('input')或$('input[type="button"]')，或者在您的jQuery选择器中为您的按钮指定ID并引用$('#ButtonID')

这个点击事件有什么问题？

4 个答案: