javascript - 一个框架。单击另一个实体时如何使实体出现

Question

我在 A-FRAME（0.9.2）中有 2 个框，我想让第二个框（红色）在单击第一个框（绿色）时出现。一开始，红色框是不可见的，但我希望它在单击绿色框时出现和消失。

AFRAME.registerComponent('cajaverde', {
      init: function() {
        this.el.addEventListener("click", (e) => {
          let aparecer = document.querySelector("#cajaroja")
          aparecer.setAttribute("visible", !aparecer.getAttribute("visible"))
        })
      }
    })

这是我的盒子：

      <a-box caja id="cajaroja" color="#b51628" depth=".1" height="1" width="0.9" position="1 2.6 -2" visible="false"></a-box>
      <a-box caja id="cajaverde" color="#44cf67" depth=".1" height="1" width="0.9" position="-0.5 2.6 -2"></a-box>

当我单击绿色框时，没有任何反应。

我这里也有代码

标签： javascripthtmlaframe

Answer 1

如果您的组件被调用cajaverde，那么您需要使用它的全名。

代替

<a-box caja ... 

应该有

<a-box cajaverde ...

并且仅在应该是按钮的那个上。

---

在这里工作故障。