问题标签 [barbajs]

我纯粹是在网站的前端工作，为了更流畅的页面转换和更好的流程，我使用了barba.js库，我发现它非常易于使用且超级酷。

一切都很好，但只有一件事。

该项目的后端将在 Typo3 中实现，后端团队必须对所有表单使用 POST。

通常，如果提交了 POST 表单并且您在新页面上并点击 Refresh（F5、Cmd-R 等），浏览器会在提示/对话中询问您是否要“重新提交表单”。

但是，使用 barba ajax 页面加载并没有发生这种情况，并且在新页面上刷新时会抛出一个typo3 错误。

所以表单提交工作正常，但是一旦在结果页面上发布表单，当点击刷新时它总是会抛出一个错误，因为可能没有发送标题。

关于如何解决这个问题的任何想法？这是什么原因造成的？

我想进行滑入式页面转换（从 index.html 到 project.html，反之亦然）。我找到了一个教程并按照它进行操作，但是当我单击链接时没有显示过渡。

有人可以帮忙吗？我对javascript还不太熟悉。

非常感谢

我的索引.HTML

项目.HTML

Barba-effect.js

样式.css

我正在使用 Barba Js 进行页面转换。启动 barba js 后，Slick 滑块不起作用。我不明白是什么问题，如何解决这个问题，任何人帮助我解决这个问题请评论。

我已经设置了 barba js 来平滑我的应用程序的页面体验。在移动设备上，我有一个经典的抽屉式导航，可以从侧面滑入。但是，由于导航位于 barba-wrapper 之外，因此单击导航中的链接后它将保持打开状态。当然，打开链接后，抽屉应该关闭。

我不想为导航设置一个特定的侦听器，以便在单击其中的链接时关闭它，我也不想onEnter对某些屏幕使用默认值，因为我必须closeNav在每个onEnter方法中设置一个然后。两者都需要确保将解决方案附加到每个即将添加或更改的元素和功能。

所以我想知道是否有某种全局barba.onPageLoad或类似的东西 - 所以当页面更改时可以触发的方法？还是我必须自己为页面更改设置一个事件侦听器？但是，如果有一种 barba 方法，我想坚持最佳实践并使用它。

我的网站中有一些死页，我只需要重定向。

问题是，如果您单击指向这些重定向页面之一的链接，则会发生重定向，但 URL 将保留为旧的死页。

示例：我单击页面 /a/，PHP 重定向到 /b/。发生重定向，显示 /b/，但 URL 保持 /a/ 直到我硬刷新 (CTRL+R) 页面。

那么有没有办法让 Barba 遵循 PHP 重定向并更新 URL 以显示正确的 URL？

现在，我正在使用 Sage 9 创建一个主题。我已经安装了 Barba，它工作正常，除了一件事。我正在尝试在我的 data-barba-namespace 中正确获取页面名称。现在，我正在使用以下内容：

但是对于一个名为“Work”的页面（显示来自我使用 CPT UI 创建的自定义帖子类型的作品），我创建了一个模板（template-work.blade.php），并且在其中我有不同的查询在不同的类别中工作。我的主要问题是我之前在此页面上的代码在我的 data-barba-namespace 中返回了一个工作/项目的名称，而不是页面的名称......我不知道为什么

所以我尝试使用以下代码：

所以

但是这个问题是因为我使用的是静态首页（创建了一个 front-page.blade.php 文件），因此主页的 data-barba-namespace 是空的，即使它适用于其他页面。并且此解决方案无法像 get_post_field('post_name', $post_id) 那样正确获取工作页面名称。

我的最后一个问题是我创建的自定义帖子类型工作。当使用我的第一个解决方案时，我的工作页面中提到了一个问题（在 data-barba-namespace 中放置作品的名称而不是“work”）和另一个显而易见的问题：在 data-barba-namespace 中，我有项目的名称。除了我必须为所有项目创建一个 barba 过渡之外，这应该很棒。即使对于像我这样的初学者来说也很糟糕！我宁愿在我的 data-barba-namespace 中有一个“工作页面”或类似的东西来为我的所有工作页面创建一个过渡。但我不知道如何做到这一点，我什么也找不到..

任何帮助将不胜感激！

编辑：编辑：使用第二种解决方案，我发现我可以添加一个条件语句来检查它是否是主页。由于某些原因，它第一次没有用..这是我正在使用的：

但是我仍然很难找到工作页面的解决方案，所以给他们一个唯一的命名空间名称

使用 Barba.JS 重新运行我的 JS 脚本有没有办法将脚本添加到 DOM 并在页面输入时运行？

我有这个问题，当我单击链接转到另一个页面时，barba 转换运行完美，但它保持在同一个 html 页面中，我必须刷新页面才能加载另一个页面

我尝试在过渡运行后设置一个 window.open 以暂时修复它，但我不知道会发生什么

这是代码： https ://github.com/david1opez/Mentes-Brillantes/issues/5

我正在研究我的投资组合，并尝试使用 barba.js。但是我无法弄清楚如何做某事：我想像这样布局我的 3 页： page1 -> page2 -> page3 -> page1 具有从右到左的过渡，以及 page1 -> page3 -> page2 -> page1 具有从左到右的过渡，您只需单击一下即可离开网站的任何其他页面。但我不知道如何将路由逻辑告诉 barba。

现在，过渡总是一样的（但至少它们是有效的，所以 barba 是正确实现的）。

这是我的 js 代码：

很容易看出问题出在哪里：在每个转换关键字中都有 3 个命名空间，barba 无法确定要为任何给定路由应用哪个转换。

现在摆脱我的“总是单击一下”的想法让事情变得更简单（我只需为每个转换关键字放置两个命名空间，我尝试过它并且它有效），但我真的很想保持这个方向。

关于如何使这项工作的任何想法？

我在两个页面之间导航时遇到问题 [ home.php --> about.php ] 页面重新加载，而不是导航到慢速网络上的 about.php 页面。

我正在使用 Barba 预取

这是我们在选择 3g 慢速网络模式时可以检查和查看的实时站点 http://brahmandjyotish.com/