问题标签 [barbajs]

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.

0 投票
1 回答
242 浏览

accordion - 手风琴脚本不适用于 barba.js

这是基本代码:

问题是第一次加载页面时,手风琴工作正常。但是当您转到另一个页面然后返回时,脚本不再工作。我尝试添加到 scripts.js 的末尾:

正如他们建议的那样,但没有帮助。

0 投票
0 回答
332 浏览

jquery - Barbajs Pjax重新初始化jquery

我决定使用PJAXBarba js plugin 。它工作得很好,但我有一个问题,真的需要重新初始化 PJAX 上的一堆 js 插件准备好了。

我已经尝试过以下代码,基本上它来自 Barba js 1.0,我使用调度程序并在 NewPage Ready 上指定创建一个新的脚本元素并将其附加到文档的头部。

但它不会重新初始化或重新加载 jquery 插件。

我是否遗漏了什么,或者这不是重新初始化我的文件的正确方法?

0 投票
0 回答
379 浏览

javascript - 如何使用 Barba.js 实现 Facebook 分析

我正在使用这个名为barba.js的库并尝试实现 google 分析和 facebook 分析。
我按照官方文档中的说明实现了它,但是由于 barba.js 不会一次又一次地重新加载页眉和页脚,而只是重新加载barba-containerdiv,这导致谷歌分析只记录用户登陆的第一页上的综合浏览量,而不是其他页面。通过在视图

的挂钩中调用它并解决了这个问题,这个问题得到了解决。 但我现在面临的问题是下面提到的 Facebook 分析。onEnterCompleted

如果我在 Barba.js 视图的onEnterCompleted钩子中使用此代码,它会一次又一次地被调用,但我不确定这是否是最佳实践,或者这是否会按预期工作。
如果有人使用 barba.js 实现了 facebook 分析,请分享您的示例。
非常感谢 !

编辑:看到这个链接后,我用 barba.js 以这种方式实现了谷歌分析。

我创建了这个函数并在视图中调用它,onEnterCompleted这解决了谷歌分析的问题

0 投票
1 回答
985 浏览

javascript - 如何在不破坏任何功能的情况下使用 barba.js 运行其他 JS 文件

我正在使用 barba.js 进行页面转换,但是当我使用它时,我的其他 js 文件会中断。

这是我的网站

我创建了一个在所有其他 JS 文件上实现的runScript函数,但它仍然无法正常工作。

我做错了什么,我该如何解决?

这是其中一个 JS 文件的 runscript 函数:

0 投票
0 回答
319 浏览

transition - 使用Barba js,其他脚本不加载

我使用 GSAP、ScrollMagic 和 Barba。没有 Barba,一切正常,但是当我使用 barba js 时,新页面上不会加载其他脚本。

演示:https ://webgrapher.life/test/about.html

请使用右侧的汉堡菜单移动到主页。*以防万一,当您重新加载主页时,您可以查看所有动画

似乎 Barba 工作正常,但 GSAP 和 ScrollMagic 在页面转换后未加载。

0 投票
1 回答
426 浏览

javascript - 访问通过 Ajax 调用生成的内联 JavaScript 变量?Barba.js 问题具体

我在我的网站上使用 Barba.js。当通过 Barba.js 加载“投资组合”页面时,我运行一个函数,我们称之为get_portfolio_items(). 有一些内联 javascript 变量get_portfolio_items()需要访问其值。如果“投资组合”页面是要加载的第一个页面,则 get_portfolio_items() 可以很好地访问这些变量。但是,如果先加载另一个页面,然后单击进入投资组合页面,我会收到错误消息:

loadMoreVars 未定义。

即使我可以看到 loadMoreVars 在 DOM 中。

如何在 get_portfolio_items() 中访问这些变量?谢谢!

这是出现在新页面上的实际 HTML 中的脚本:

这是每当通过 Barba.js 加载新页面时调用的函数

这是加载新页面时触发该函数的 Barba.js 代码。

我怎样才能让函数看到变量并提醒它们?

0 投票
1 回答
1626 浏览

javascript - 锚链接无法与 Barba.js(v2) 一起正常工作

我有这个示例页面,我正在测试 Barba.js(v2)。我正在使用虚拟主机在本地构建此页面。我使用 Barba.js 进行的转换似乎工作正常,但我面临的问题是锚链接无法正常工作。例如,当我单击标题中的“关于”菜单或图像旁边的“关于”按钮时,转换开始,但页面以某种方式自动重定向到主页。

这是HTML

这是CSS

最后,js

我还没有看到这种问题,老实说,我不知道如何解决这个问题。我假设它与 Barba.js 有关,可能是后端,但我不确定。

任何帮助将不胜感激。

非常感谢。

0 投票
1 回答
468 浏览

barbajs - Barba.js 和 locomotive-scroll 不兼容?

我已经尝试过 barba.js 和 locomotive-scroll 工作(我也尝试过 scrollmagic),但我没有让它正常工作。如果我将 locomotive-scroll 放在 about 页面上并重新加载浏览器,它可以工作,但如果我从那里转到主页并返回 about 页面,它会给我一个错误并停止工作。与其他脚本没有问题,这就是为什么我认为一定有一些不兼容的原因。我尝试了很多方法,但它们都给了我一个错误。最后一个是:

0 投票
2 回答
1838 浏览

javascript - 找不到 Barba 包装纸

我正在尝试使用 barba.js 进行页面转换,我使用了 data-barba="wrapper" 和 data-barba="container" ,就像在纪录片中一样。这是html的简短代码:

这是javascript:

这是打开网站时控制台中出现的错误

0 投票
0 回答
435 浏览

javascript - 如何解决这个问题?页面转换的 GSAP 动画只有第一次才能完美工作

我正在使用带有 Gsap 的 barba.js。这个想法是从主页和关于页面的过渡,带有一个居中的标志动画,非常简单。我点击我的按钮,过渡进来了,标志从 0 到 1,然后逐渐消失,太棒了!

第一个动画按原样工作,但不幸的是,当我再次单击时,比例因子现在丢失了。

我该如何解决这个问题以使其正常工作?看看我的代码笔项目:

https://codepen.io/cat999/project/editor/AEeEdg

这里是我的 JS