javascript - SWUP JS 外部函数调用

Question

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

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

我的问题是无论如何我可以从外部函数触发“下一个”

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 选项中的另一个外部函数触发“下一个”？

例如

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

thanks

这不起作用

谢谢

Answer 1

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

该next参数仅作为让 swup 知道动画已经完成并且它可以继续下一步需要做的任何事情的一种方式。