谁能帮我更新这个 javascript 以创建指向另一个页面的链接

Question

我正在尝试在我的 javascript 和下面显示的 HTML 中的 image 属性之间创建一个链接，该链接指向另一个页面，例如index.html。

这是在框架中，因此更难找到解决方案。

非常感谢任何帮助。

我知道如何使用 href、基本 jquery 等创建链接。但据我所知，这不适用于我的代码。

<a-entity
        id="dialog"
        position="0 0 -3" 
        dialog-popup="

        image: img/options1.png;
        image2: img/play.png;

     ></a-entity>

  generateImage: function generateImage() {
    var _this$data5 = this.data,
        src = _this$data5.image,
        width = _this$data5.imageWidth,
        height = _this$data5.imageHeight,
        dialogBoxHeight = _this$data5.dialogBoxHeight;

    if (!src.length) {
      return null;
    }

    var image = this.imageEl || document.createElement('a-image');
    image.setAttribute('id', "".concat(this.el.getAttribute('id'), "--image"));
    image.setAttribute('src', src);
    image.setAttribute('width', width);
    image.setAttribute('height', height);
    image.setAttribute('position', {
      x: 0,
      y: dialogBoxHeight / 2,
      z: 0.5
    });
    this.hasImage = true;
    this.imageEl = image;
    return image;
  },

我能否以某种方式创建一个链接，以便当用户单击图像时，它会使用我的代码将他们带到另一个页面？

我正在尝试定位图像：img/options1.png;和image2：img/play.png；具体来说。

Answer 1

在最基本的情况下，您需要确保可以“点击”aframe 元素：

<a-scene cursor="rayOrigin: mouse">

然后对自定义组件中的click 事件做出反应：

AFRAME.registerComponent("foo", {
   schema: {
       target: {},
   },
   init: function() {
       this.el.addEventListener('click', (e) => {
            window.location = this.data.target;
       })
   }
})

并像这样使用它：

<a-entity foo="target: www.google.com"></a-entity>

查看此glitch。单击故障按钮以查看源。

---

类似的 SO 问题 here 和 here