0

我正在使用 Turbo 和 Stimulus 来构建一个应用程序,但我试图了解这两者如何能够很好地结合在一起。

我有一个标准链接,它位于一个弹出菜单中(实际上是一系列菜单项链接)——这个弹出菜单是通过一些样式和轻量级 JS 动画的(感谢 Stimulus)。按预期打开和关闭弹出窗口,因为这些按钮不是 Turbo 知道的,但菜单项是链接,Turbo 确实管理这些。

因此,在我的 Stimulus 控制器的初始化方法中,我尝试为“turbo:before-render”绑定一个自定义事件处理程序,该处理程序首先调用 preventDefault,然后在最终使用 Turbo 提供的事件恢复方法之前处理关闭动画。

这几乎可以工作。事实上,在第一页加载这确实有效。但是第一次之后的每一次点击似乎都完全绕过了动画。

我在想有一种更好的方式让这两个库一起工作——这似乎是一种常见的情况。

如何在 Turbo 跟随链接之前等待动画?

4

0 回答 0