流星：如何在 CSS 选择器中使用多个类答案

【问题标题】：meteor: how to use multiple classes in css selector流星：如何在 CSS 选择器中使用多个类
【发布时间】：2015-09-07 05:23:12
【问题描述】：

这在流星中效果很好。

Template.xxx.events = {
'click .btn-plus': function(event) {}
}

但在本例中，该事件从未被触发。

Template.xxx.events = {
'click .btn.btn-success.btn-mini.btn-plus.pull-right': function(event) {}
}

为什么不能使用多个类作为选择器？我需要识别 .btn-plus 类上的按钮。

问候，cid

编辑：

我的临时解决方案：

HTML 文件：

<div class="btn-plus">
  <button class="btn btn-primary btn-mini pull-right">Caption</button>
</div>

JS 文件：

Template.xxx.events = {
  'click .btn-plus': function(event) {}
}

【问题讨论】：

尝试用空格分隔类
这也行不通。 :(

标签： javascript css-selectors meteor

【解决方案1】：

我只是快速浏览了一下文档。我认为这会奏效...

Template.xxx.events = {
    'click .btn .btn-success .btn-mini .btn-plus .pull-right': function(event) {}
}

【讨论】：

您在哪里找到了这个？我一般不太熟悉流星来源和javascript。 ;) 我试过了，但该事件从未被触发（我从我的 html 标记中复制并粘贴了代码并添加了点，因此也给出了排序。）
我刚刚点击了谷歌并阅读了第一个看起来很有希望的链接。 :)
好的，呵呵。您在 google 中输入了哪些搜索词？我只找到了一个关于嵌套 div 的答案，但我不能用 .btn、.btn-mini 等类将 .btn-plus 类包装在其他元素中......不是吗？
The nested div's answer

【解决方案2】：

http://docs.meteor.com/#eventmaps

Template.xxx.events({
   'click .btn, click .btn-success, click .btn-mini, click .btn-plus, click .pull-right': function(event) {
      console.log("clicked a button");
   }
}

这里有另一个页面解决了这个问题：Meteor JS: How to do I create event handler for multiple selectors?

【讨论】：