我尝试让我的 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,也导入了core-collapse。任何帮助,将不胜感激!谢谢!
奖励:如果有人能够解释 {{toggle}} 到底如何知道查看我在那里的函数,那就太棒了。是“切换”标签吗?这实际上可能是问题所在..还无法真正理解它是如何绑定(bind)到我从dom那里获得的js的。
编辑:将 on-click 更改为 onclick,仍然不起作用
最佳答案
这是一个更完整的示例,向您展示如何将单击事件绑定(bind)到 polymer 元素中的函数。
<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>
关于javascript - 有人知道为什么我的点击在这个核心崩溃组件测试中没有触发吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25838117/