问题标签 [page-transition]
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 - Barba JS .mouseenter 在页面转换后不起作用
我一直在尝试使用Barba JS库并遇到了问题。我使用 div 作为光标，将鼠标悬停在文章缩略图上时，光标会展开为按钮。为此，我在 .js 文件中使用 JQuery .mouseenter 和 .mouseleave。一切都在第一个页面加载时完美运行，但在页面转换后 .mouseenter 不再工作。即使我转换回第一个加载页面。脚本文件在所有页面上都正确加载，自定义光标的代码工作正常并且存在于同一个文件中。
我怎么解决这个问题？
这是光标的代码。
这是光标文章悬停动画的JS。
loading - 更改页面转换的持续时间
任何人都可以帮助我如何添加额外的 css 以使打开页面过渡更慢且更明显吗？
javascript - 在 Barba.JS 页面转换后，机车和猫头鹰旋转木马都不能在内页上工作
我创建了一个最小的演示，你可以看到如果用户点击主页上的标题文本并导航到内页，内页没有加载机车的 JS 和 CSS 以及 OWL 轮播。但是如果用户刷新内页，那么机车和猫头鹰旋转木马都可以正常工作。如何解决这个问题？我已将建议的更改添加到 JS 文件（https://bootstrap-awesome.com/barba-test1f/js/main-test.js）
任何帮助将不胜感激。
演示链接：https ://bootstrap-awesome.com/barba-test1f/index-test.html
vue.js - 在 layout/default.vue 中的页面转换期间添加/删除元素/组件上的类
我正在寻找一种解决方案，以在 Nuxt 项目的页面转换期间在<nuxt/>元素外部的组件/元素上添加和删除类。layouts/default.vue
例如，我想div在每次页面转换之前为进出动画制作动画。伪代码如下：
Nuxt 中是否有一种明显的方法可以收听我缺少的页面转换？我看过 vue-router 的beforeRouteUpdate导航守卫，但不确定它是否合适？
任何帮助将不胜感激！
jquery - 使用本机浏览器上一个/下一个按钮时页面转换挂起
使用本机浏览器上一个/下一个按钮时，我遇到了一种奇怪的行为。当导航到一个页面并返回到上一个页面时，过渡不会消失。它只是挂在屏幕上，直到我刷新页面。
有趣和令人沮丧的部分是它有时可以工作，有时不能在同一设备上。大多数情况下，它在 Chrome（桌面）和移动设备（iOS、Android）方面存在问题。如果它可以在台式机上运行，那么它可能无法在移动设备上运行，反之亦然。我还在我朋友的设备上对其进行了很多测试，正如预期的那样，其中一些有效，而另一些则无效。
我怀疑“点击链接”部分可能存在问题。但我不知道那里出了什么问题。：（ 我希望有一个人可以帮助我。
代码笔： https ://codepen.io/mrWilson123/pen/VwrXebj
你可以在这里现场测试。