javascript - Barba JS 向 DOM 添加脚本

Question

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 并在页面输入时运行？

Answer 1

您可以在引导您进入新页面的转换之后指定 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
    }
  }]
});

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