Может ли кто-нибудь помочь мне обновить этот JavaScript, чтобы создать ссылку на другую страницу - PullRequest
Новая
       37

Может ли кто-нибудь помочь мне обновить этот JavaScript, чтобы создать ссылку на другую страницу

0 голосов
/ 15 апреля 2019

Я пытаюсь создать ссылку между моим javascript и свойством изображения в моем HTML, показанном ниже, ссылка на другую страницу, например, index.html.

Это в рамке, что делает его болееТрудно найти решение.

Любая помощь очень ценится.

Я знаю, как создать ссылку с помощью hrefs, базового 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;
  },

Могу ли я как-то создать ссылку, чтобы, когда пользователи нажимают на изображение, они переносили их на другую страницу, используя мой код?

Iпытаюсь нацелить изображение: img / options1.png;и image2: img / play.png;в частности.

1 Ответ

0 голосов
/ 15 апреля 2019

В самом простом случае вам необходимо убедиться, что вы можете "щелкнуть" 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>

Проверьте это на этом глюк .Нажмите кнопку сбоя, чтобы увидеть источники.

Подобные вопросы SO здесь и здесь
...