Barba.js 在锚链接上触发转换答案

【问题标题】：Barba.js triggering transition on anchor linksBarba.js 在锚链接上触发转换
【发布时间】：2022-06-21 08:10:30
【问题描述】：

这里是 Barba.js 的新手用户。

我在 Joomla 网站上使用 Barba.js，几乎一切正常。

我的问题是 Barba.js 也在我的锚链接上触发页面转换，并重定向到主页。

<a href="#section3">Click here</a>

这是我在 mydomain.com/index.php/secondPage 上的元素

当我点击元素时，网站 barba-transitions 到 mydomain.com/index.php#section3

但是如果我转到我的 secondPage 并刷新页面，锚链接就可以完美地工作。

我错过了什么？

非常感谢。

【问题讨论】：

如果您是 Joomla 用户，请加入 Joomla Stack Exchange 并在那里提出您与 Joomla 相关的问题。
感谢您的回答，但我绝对认为这个问题与 joomla 无关。
当然。当然，没有 Joomla 专业知识的人可以解决您的问题。在一些不可预见的情况下，Joomla 用户可能会提出在 Joomla 环境中利用最佳实践的建议。这就是为什么所有与 Joomla 及其许多扩展相关的问题都是 JSE 的主题。即使您希望将问题保留在这里，我也希望我们将来在 JSE 见到您。

【解决方案1】：

如果您不希望 Barba.js 处理某些链接，您可以为它们添加一个类 - 这样 Barba 就知道这不是 Barba 的业务。例如 - 添加 prevent-barba 类，然后在 Barba 的 init 函数参数中添加：

prevent: ({ el }) => el.classList && el.classList.contains('prevent-barba'),

希望有帮助:)

【讨论】：