任何人都知道为什么我的点击率是't在这次堆芯坍塌组件测试中点火

Anyone know why my on-click isn't firing in this core-collapse component test?

本文关键字：坍塌 组件 测试 为什么 我的 点击率 任何人      更新时间：2023-09-26

我试着用几种不同的方式点击我的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｝｝是如何知道查看我在那里的函数的，那将是非常棒的。是标签"toggle"吗？这可能就是问题所在。。我还不能真正理解它是如何将绑定到我从dom获得的js的。

edit：点击后更改为onclick，仍然无法使用

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

<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>

试试这个

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

function testName(){
        collapseBlock.toggle();
}
相关文章：