Barba JS 向 DOM 添加脚本

问题描述

barba.init({ transitions: [ {
      name: 'general-transition-opacityfade',once({next}){
        animationEnter(next.container)
      },leave: ({current}) => animationLeave(current.container),enter({next}){
        animationEnter(next.container); }},

使用 Barba.JS 重新运行我的 JS 脚本 有没有办法将脚本添加到 DOM 并在页面输入时运行?

解决方法

您可以指定 barba 在引导您进入新页面的过渡之后进入之前可以执行的操作。

例如,如果您想执行一个脚本或一段代码到下一个转换,您可以使用它。

barba.init({
  views: [{
    namespace: 'index',beforeLeave(data) {
      // do something before leaving the current `index` namespace
    }
  },{
    namespace: 'contact',beforeEnter(data) {
      // do something before entering the `contact` namespace
    }
  }]
});

您可以在您创建的每个 HTML 文档中找到“命名空间”标签,并希望与 barbajs 链接,希望这对您有用。