问题标签 [swup]

我正在使用带有 Swup 的 PHP 来刷新页面而不刷新整个站点。我在每个页面上使用 JavaScript 函数（在 exa 的 body 标记内）以及使用 ajax 每 x 秒请求一次的函数。代码示例：

我有一个处理const swup = new Swup();代码的主 js 文件。我的问题是，我该如何处理它，所以它会在每个页面的正文上加载 js 标签，当我更改页面时，它会卸载以前的请求/js（如果需要？）并且不会刷新全局 js （它不自动取款机）

谢谢。

我正在使用带有 Swup 的 PHP 来刷新页面而不刷新整个站点。我在每个页面上使用 JavaScript 函数（在 exa 的 body 标记内）以及使用 ajax 每 x 秒请求一次的函数。代码示例：

我有一个处理 const swup = new Swup(); 的主 js 文件。代码。我的问题是，我该如何处理它，所以它会在每个页面的正文上加载 js 标签，当我更改页面时，它会卸载以前的请求/js（如果需要？）并且不会刷新全局 js （它不自动取款机）

到目前为止，我试图在<script>没有defer选项的情况下制作标签，并将其放在main每个页面的标签内，然后将页面功能放在那里：

和

在主脚本上（来自标题），因此它将调用该函数。但由于某种原因，它从第一次加载的页面调用函数，如果我移动到另一个页面，它仍然从第一页调用相同的函数..我该如何解决这个问题？

编辑：也许它没有<script>从正文重新加载标签？我怎么能改变呢？- 如果有人可以提供帮助，可以发送网站的网址。

我正在尝试在我的 Wordpress 网站上添加 Google 跟踪代码管理器脚本、带有 locomotivescroll.js 和 swup.js 的自定义主题。这是我在functions.php中用于集成的代码：

如果我在 GTM 上测试预览，我会收到“无法连接到网站”，但如果我进入主页的源代码，我会在顶部正文中找到脚本和另一个。在 header.php 我放： <?php wp_head(); /* insert scripts and tags in header */ ?>在头部和 <?php do_action('body_top'); ?>正文的开头

谁能帮助我？前面提到的Js库有问题吗？

每次我在单页应用程序的 div 容器中加载内容时，我都试图实现平滑过渡。我没有使用 Reactjs，只是一个 onclick 函数通过 Get 请求加载我的 div #main-content 中的内容。

作为参考，这是 onclick 函数在索引文件中的样子： <a class="" id="home-top-nav" href="#" onclick="$pf.homeHtml()">

这就是 js 中内容请求的样子（调用 IIFE：global.$pf = pf）：

在这种情况下，responseText它是通过 ajax 请求插入到主内容中的已解析的 html 片段。每当我单击并请求另一个页面（关于、联系人等）时，都会加载许多其他片段。

我尝试使用 Swup 没有成功。

我可以做些什么来简单地为内容卸载添加淡出效果，并为#main-content 内的新内容加载添加淡入效果，而不是在它们之间进行硬过渡？

我无法让 Swap 与 xlinks 一起使用。

我尝试使用 Swup 创建页面转换。使用普通<a href="/secondpage.html">标签可以正常工作，但在 svg 内部我需要使用<a xlink:href="/secondpage.html">.

从 Swup 文档中，我发现 xlinks 应该用作选择器。

关于如何让 Swup 与 SVG xlinks 一起工作的任何想法？

我是 Swup js 的新用户。将近 2 天的时间来研究和测试 JS 加载问题。我正在尝试使用 Swup JS 在我的网站上实现 Preload JS 插件。我需要在特定页面上固定一个元素。刷新页面工作时，但是如果我更改页面然后返回，Preload JS似乎无法识别元素的JS。仅当我刷新页面时，固定才有效。我已经在 Swup js Repo 中看到了很多问题。但我的问题仍然存在。

函数初始化

但是控制台日志

当页面重新加载时，控制台错误消失了。

谢谢你的帮助。

我面临的问题<main id=“swup">是，在成功安装 swup.js 并进行容器转换后，此容器内的脚本不会加载。

我做了研究，发现这是一个常见的问题，因为：

由于 swup 删除了从站点重新加载的页面，它还删除了脚本的标准生命周期，这些脚本伴随着那些类似 pjax 的库带来的一系列问题。

这是提供解决方案的完整页面：https ://swup.js.org/getting-started/reloading-javascript

总结

所以据我了解 - 通常脚本会重新加载整个文档。Swup 删除页面重新加载，因此在切换页面后它不会在<main>. 所以我缺少的是，简而言之，解决它的解决方案是什么？每次运行 swup.js 时在 main 中重新加载脚本？

上周我写了人生中的第一个 js。我现在脑子里有点乱，根本不知道如何将解决方案应用于我的脚本。如果有人展示完整的例子会容易得多。

这是一个示例 script.js：

让我知道您是否需要提供更多数据。谢谢！

我试图在使用 swup.js 时重新加载一些 javascript，这是一个页面转换脚本。我对javascript很陌生。

Swup 的文档说要创建这样的函数

然后在启动 swup 时运行它

我认为像这样破坏js，以便以后重新加载

我联系了我需要重新启动的脚本的作者，他指出以下内容：

“当一个页面被初始化时，在加载了所有的 JavaScript 库代码之后，下面的客户端代码被执行：”

“所以你必须至少确保 jQuery.fn.iptFSQMForm 是一个有效的函数并像运行它一样”

页面第一次加载时，javascript 会按预期执行，并且页面上的应用程序使用该 javascript 函数。但是在离开页面然后返回页面后，应用程序无法加载。

我在页脚底部有这段代码，它没有做任何事情来帮助重新加载所需的 javascript。

感谢任何指针。谢谢！

我有一个网站，通过媒体查询在这么多像素下显示汉堡按钮。当您单击汉堡包时，它会显示垂直堆叠的菜单选项（非常简单）。我有一个事件侦听器，它应该在单击某个项目时显示/隐藏移动菜单（因此，当用户单击某些内容时，下拉菜单不仅仅停留在那里）。

这些项目具有 id="nav-mobile" 并且 app.js 相应地定位它们。

我的问题是，当单击一个链接时，它成功隐藏了下拉菜单，而另一个则没有。我从字面上复制并粘贴了 html 文件，使其彼此相同，保存页面标题和 h1 内容。

此外，我正在使用 Swup js 进行页面转换，这似乎有其自身的一系列问题，但据我所知，这不是问题。我是 JS 的新手，所以我希望这是一个明显的新手错误。

这是music.html（由于某种原因，这个做了它应该做的事情）

这里是about.html（这个选中后不隐藏菜单）

这是我的 JS 文件：

这是 CSS（包括这个，以防有人可能知道 Swup 存在问题）：

我将首先指出我正在使用一个名为 Slinkity 的 Eleventy 风格的项目，它支持 React 组件功能并在浏览器中使用 ReactDOM。

• 简化的项目回购在这里
• 现场演示在这里

我正在尝试在我的 Slinkity 项目中实现 PJAX 系统，但我在 React 方面遇到了一些问题。在每次 PJAX 页面加载时，所有响应式组件在整个页面刷新之前都不起作用（这显然打破了 PJAX 心态）。

任何人都可以建议一种在每次 PJAX 负载上有效地重新渲染 React 组件的方法 - 当然假设这是最好的方法。

提前谢谢，如果我能提供更多信息，请告诉我。