Aframe 悬停时在帧实体中设置动画

在帧元素/实体中设置动画时遇到问题。在下面的演示中，我设置了一个框，在框的顶部设置了一个文本实体，当我将鼠标悬停在框上时，该文本实体需要设置动画（放大），而文本元素不会设置动画或显示。有人能帮忙吗

这里有两个问题：

1） 如果要使用

document.querySelector（“#fernando”）

抓取fernando，则id必须是

fernando

，而不是

#fernando

2） 组件声明（在本例中为

activate name

）需要在以html格式附加组件之前执行。您只需在场景前为其添加一个

标记即可

<script>
  AFRAME.registerComponent('foo', ...
</script>
<a-scene>
  <a-entity foo></a-entity>
</a-scene>

注册表组件（'foo'。。。


这是必要的，因为JSFIDLE在加载窗口时执行代码部分

AFRAME.registerComponent("activate-name", {
  schema: {
    default: ""
  },
  init: function() {
    var data = this.data;
    var el = this.el;
    var fernando = document.querySelector("#fernando");
    el.addEventListener("mouseenter", function() {
      fernando.setAttribute("scale", "2 2 2");
    });
  }
});

<script>
  AFRAME.registerComponent('foo', ...
</script>
<a-scene>
  <a-entity foo></a-entity>
</a-scene>