SWUP JS外部函数调用

Question

这是我第一次在js插件中使用swup js。https://swup.js.org/plugins/js-plugin

我可以看到，转到单击的页面的触发器位于选项的对象数组中。

我的问题是，无论如何我都可以从外部函数触发"next“

const options = [
  {
    from: '(.*)',
    to: '(.*)',
    in: function(next) {
      document.querySelector('#swup').style.opacity = 0;
      TweenLite.to(document.querySelector('#swup'), 0.5, {
        opacity: 1,
        onComplete: next
      });
    },
    out: (next) => {
      document.querySelector('#swup').style.opacity = 1;
      TweenLite.to(document.querySelector('#swup'), 0.5, {
        opacity: 0,
        onComplete: next
      });
    }
  }
];

const swup = new Swup({
  plugins: [new SwupJsPlugin(options)]
});

如何从不在Const选项中的另一个外部函数触发"next“？

例如

counts trigger = function(){
 
 options.next();

thanks

这不管用

谢谢

Answer 1

你不能这么做。Swup JS插件使用定义的选项在正确的时间运行in和out函数，同时将next参数传递给它。

next参数的存在只是为了让swup知道动画已经完成，它可以继续下一步需要做的任何事情。