Question

我试图让我的div点击一些不同的方式，但由于某些原因它似乎没有激发......我可能有点累。我真的只是从文档中复制过来而且它不会工作。

<div onclick="{{toggle}}">toggle collapse</div>

<core-collapse id="collapse">
    test test test test
</core-collapse>

和js

var collapseBlock = document.shadowRoot.querySelector('#collapse');

toggle: function testName () {
    collapseBlock.toggle();
}

我认为这是我的表达问题？我也导入了polymer.html导入和核心折叠。任何帮助，将不胜感激！谢谢！

奖励：如果有人可以解释{{toggle}}如何确切知道我在那里看到的功能会非常棒。它是标签＆＃39;切换＆＃39;？这实际上可能就是这个问题了.Haven能够真正理解它是如何绑定到我在那里从dom那里获得的。

编辑：点击更改为onclick，仍无法正常工作

Answer 1

这是一个更完整的示例，向您展示如何将click事件绑定到聚合物元素中的函数。

<polymer-element name="x-collapse">
<template>
  <div on-click="{{ toggle }}">toggle collapse</div>
  <core-collapse id="collapse">
    foo
  </core-collapse>
</template>
<script>
Polymer('x-collapse', {
  toggle: function() {
    this.$.collapse.toggle();
  }
});
</script>
</polymer-element>

<x-collapse></x-collapse>

Answer 2

试试这个

<div onclick="testName();">Toggle collapse</div>


function testName(){
        collapseBlock.toggle();
}

任何人都知道为什么我的点击不会在这个核心崩溃组件测试中触发？

2 个答案: