“单击 html /deep/ #id”在 MeteorJS 模板事件处理程序中不起作用答案

【问题标题】："click html /deep/ #id" not working in MeteorJS template event handler“单击 html /deep/ #id”在 MeteorJS 模板事件处理程序中不起作用
【发布时间】：2015-08-21 11:46:47
【问题描述】：

我想在 shadow-dom 聚合物元素上触发点击事件

document.querySelector("html /deep/ #main-toolbar-toggle") 正确选择了相应的 shadow-dom 聚合物元素，但流星模板事件处理程序中的 "click html /deep/ #main-toolbar-toggle": function(event, target) { 不起作用

Template.layout_linto.events({

"click html /deep/ #main-toolbar-toggle": function(event, target) {
    alert("ok");

使用流星模板事件处理程序的正确语法是什么？

【问题讨论】：

标签： javascript jquery css meteor polymer

【解决方案1】：

您必须使用与模板而非页面相关的选择器。模板位于无法访问页面 html 的范围内。

这样更好：

Template.layout_linto.events({

"click #main-toolbar-toggle": function(event, target) {
    alert("ok");

}});

【讨论】：

PolymerJS shadow DOM 需要 /deep/