问题标签 [swup]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
28 浏览

javascript - 使用 Swup 重新初始化 Slick 滑块

我正在使用 Swup 创建页面过渡效果,但它破坏了我的光滑滑块。目前它只适用于页面刷新,但如果我导航到不同的页面并返回它就会损坏。查看文档我知道我必须重新加载 JavaScript。

在我的 sliders.js 文件中,我有这个:

然后在我的 swup.js 文件中我有这个:

我也没有控制台错误。

0 投票
1 回答
11 浏览

swup - 使用 Swup.js 突出显示当前链接

我使用Swup进行页面转换,想知道如何突出显示当前活动的链接。想象一下,我的页面结构如下:

每次nav a点击后,页面内容都会被替换,但我希望当前活动的链接有不同的样式。

谢谢你的帮助!

0 投票
0 回答
79 浏览

javascript - SWUP 在初始页面加载时工作,在第一次请求时失败,并且在每个后续请求时都成功?

我正在使用 Swup.js 和一个也使用 Livewire 的 Laravel 项目。我几乎让它正常工作,但我遇到了一个奇怪的错误。

情况如下:

  • 第一页加载得很好。一切都按预期工作。
  • 一旦您单击一个 swup 链接并“加载”您的下一页,一切都会失败。不会执行任何 Javascript,Livewire 也无法运行。
  • 但是,一旦您通过单击链接第二次访问该页面,就好像所有内容都已正确加载到缓存中并且正在工作 - Javascript、Livewire,一切似乎都很好。

我无法弄清楚为什么会这样。这是我的设置+代码:

app.js

我的主刀片模板,layouts.app.blade.php

我的home.blade.php文件:

我不知道为什么它在初始页面加载和后续链接点击时起作用,但不是从另一个页面开始时第一次点击链接?这里发生了什么?