JavaScript не выполняется после использования шоссе.js без обновления страницы вручную - PullRequest
Новая
       23

JavaScript не выполняется после использования шоссе.js без обновления страницы вручную

0 голосов
/ 08 октября 2019

Я использую Highway js для простого затухания / затухания, действующего при переходе между страницами - новичок в этой библиотеке, и я просматривал документы и не мог разобраться сам.

Я заметил, что при переходе на разные страницы этот переход идеален и плавен, но другие js-файлы, которые я использую, не активируются при загрузке нового блока контента, пока я не обновлю страницу вручную, в какой моментвсе хорошо. Я поместил сообщение console.log в один из сценариев, и оно, похоже, не срабатывает, пока я не обновлюсь вручную. Любая идея, что может быть причиной этого или что-то, что я могу сделать, чтобы вызвать перезагрузку сценариев при переходе в новый блок контента? Ниже приведен сценарий, который я использую для вызова шоссе js, кроме этого у меня есть несколько основных сценариев, связанных в конце моих HTML-файлов. Я могу предоставить любую дополнительную информацию, которая необходима!

Спасибо за помощь. 

//transition.js
import Highway from '@dogstudio/highway';
import Tween from 'gsap';

class Fade extends Highway.Transition {
    in({ from, to, done }) {
      // Reset Scroll
      window.scrollTo(0, 0);

      // Remove Old View
      from.remove();
      done();

      // Animation
      Tween.fromTo(to, 0.5,
        { opacity: 0 },
        {
          opacity: 1,
          onComplete: done
        }
      );
    }

    out({ from, done }) {
      // Animation
      Tween.fromTo(from, 0.5,
        { opacity: 1 },
        {
          opacity: 0,
          onComplete: done
        }
      );
    }
  }

  export default Fade;

//app.js
// Import Highway
import Highway from '@dogstudio/highway';

// Import Transitions
import Fade from './transition.js';

// Call Highway.Core once.
const H = new Highway.Core({
  transitions: {
    default: Fade
  }
});

1 Ответ

0 голосов
/ 10 октября 2019

Просто подумал, что добавлю, если кто-то еще столкнется с этой «проблемой», но оказалось, что я искал «Renderers», которые можно найти в документации по шоссе.js.org вместе с довольно простым объяснениемкак их использовать. Все мои файлы javascript теперь соответствующим образом работают на соответствующих страницах, на которых они называются.

...