Barba.js 在錨鏈接上觸發轉換

Question

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並刷新頁面，則錨鏈接可以完美地工作。

我錯過了什么？

非常感謝。

Answer 1

如果您不希望 Barba.js 處理某些鏈接，您可以向它們添加一個類 - 所以 Barba 知道這不是 Barba 業務。 例如 - 添加 prevent-barba 類，然后在 Barba 初始化函數參數中添加：

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

希望有幫助:)