问题标签 [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.
javascript - 使用 Swup 重新初始化 Slick 滑块
我正在使用 Swup 创建页面过渡效果,但它破坏了我的光滑滑块。目前它只适用于页面刷新,但如果我导航到不同的页面并返回它就会损坏。查看文档我知道我必须重新加载 JavaScript。
在我的 sliders.js 文件中,我有这个:
然后在我的 swup.js 文件中我有这个:
我也没有控制台错误。
javascript - SWUP 在初始页面加载时工作,在第一次请求时失败,并且在每个后续请求时都成功?
我正在使用 Swup.js 和一个也使用 Livewire 的 Laravel 项目。我几乎让它正常工作,但我遇到了一个奇怪的错误。
情况如下:
- 第一页加载得很好。一切都按预期工作。
- 一旦您单击一个 swup 链接并“加载”您的下一页,一切都会失败。不会执行任何 Javascript,Livewire 也无法运行。
- 但是,一旦您通过单击链接第二次访问该页面,就好像所有内容都已正确加载到缓存中并且正在工作 - Javascript、Livewire,一切似乎都很好。
我无法弄清楚为什么会这样。这是我的设置+代码:
app.js
:
我的主刀片模板,layouts.app.blade.php
:
我的home.blade.php
文件:
我不知道为什么它在初始页面加载和后续链接点击时起作用,但不是从另一个页面开始时第一次点击链接?这里发生了什么?