Question

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

我可以看到，进入点击页面的触发器位于选项的对象数组之内。

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

<p>pfoizepfkjze</p>
<ul>
    <li>blabla
    <ul>
        <li>bla2
        <ul>
            <li>bla3
            <ul>
                <li>bla4</li>
            </ul>
            </li>
        </ul>
        </li>
    </ul>
    </li>
    <li>rebla</li>
</ul>

如何从不在Const选项中的另一个外部函数触发“ 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)]
});

这不起作用

谢谢

Answer 1

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

next参数仅用于让swup知道动画已完成，并且可以继续进行下一步操作。

SWUP JS外部函数调用

1 个答案: