问题标签 [pace.js]

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 投票
4 回答
2772 浏览

javascript - 如何将 Pace.js 附加到 DOM 中的自定义位置?

我正在使用 Pace.js ( http://github.hubspot.com/pace/ ) 作为基本加载程序。

到目前为止,它工作得很好,没有任何问题。但是,我想做的是将 Pace.js HTML 附加到我选择的元素中。

生成的 HTML 如下所示:

默认情况下,Pace.js 将自身附加在开始<body>标记之后。有什么办法可以挂钩这个生成的 HTML 的去向吗?

0 投票
2 回答
746 浏览

javascript - 如果 data-progress="50" 改变 data-progress-text

我的页面上有一个加载器,它的 html 如下所示:

我想写一个可以改变从 何时data-progress-text到 的JS 。data-progress is 50"Loading 50 / 100""Almost there!"

我不知道从哪里开始,任何帮助将不胜感激。

0 投票
0 回答
416 浏览

javascript - 调用文件下载时使用pace.js

我想设置pace.js,以便在服务器上检索pdf文件时显示加载动画。但是pace.js 的默认配置并没有这样做:当我点击下载链接()时,我的浏览器显示它正在加载,但pace.js 没有出现。

我该如何配置它?

0 投票
0 回答
280 浏览

jquery - Pace.js 实现

我正在尝试设置pace.js。在上传和下载过程中显示进度条。最初设置 startOnPageLoad: false,因此在页面加载期间不会出现。单击下载或上传时,我正在调用 Pace.Restart()。加载栏出现了。但是加载动画在文件完全下载或上传之前完成。如何配置时间以使用 pace.js 显示进度条?

0 投票
0 回答
199 浏览

javascript - 我如何在同一页面上获得 2 个装载机。我正在使用pace.js

在此处输入图像描述

这是我正在研究的装载机。装载机部分工作正常。但我也想随着加载器移动那个“气球”div,比如当加载器为 0 时,气球会向下,当加载器为 100% 时,气球会向上移动 150px。

这是 HTML。

这是一些额外的脚本,我已经包含了所有的东西以及加载器。

0 投票
0 回答
518 浏览

ajax - Pace 不适用于页面上的每个 ajax 调用

在我的页面中使用以下代码:

它仍然不适用于小型 ajax 请求。

0 投票
1 回答
6346 浏览

jquery - Ajax 请求的 Pace.js(进度条)不起作用

在文档中,您通常不需要编写代码即可使用它。我在我的网站上添加了它,它在页面加载时运行良好。但是对于任何 ajax 请求,它都不起作用。我需要为 ajax 请求添加任何内容吗?

0 投票
0 回答
134 浏览

javascript - 在平滑状态链接上停止pacejs

当用户单击 Smoothstate 链接时,我正在尝试停止 pace.js 加载。

我想在事件中调用 Pace.stop 平滑滚动,使用忽略设置,但仍然触发事件。

好的。所以我找到了一个解决方案,它有点老套,但对于任何为此苦苦挣扎的人来说。我在 onStart 方法上为 smoothstate 添加了一个类,并且在 css 中将进度 div 设置为 display:none

Coffeescript 代码片段

0 投票
1 回答
686 浏览

javascript - 在页面导航上使用 pace.js 进度条

这是我想要实现的目标:在每个页面导航(不是 SPA)上显示进度条。所以我尝试了:

在大多数情况下都可以正常工作。但有些如何它并不兼容每个浏览器。(它不适用于调用 Web 视图的 Mac 应用程序)。

所以我决定使用像pace.js这样的库。现在这个库在每个 Ajax 请求上都能正常工作,但它不符合我的要求。我还尝试设置速度选项,例如:

但它没有在页面导航上显示栏,(它只在加载新页面时显示栏,但我希望它在页面卸载时也显示)。所以我的问题是:有没有办法在导航页面时显示速度加载栏?

0 投票
1 回答
168 浏览

jquery - Pace.Js 帮助在加载程序完成时链接另一个页面

我有索引,但我想加载另一个页面,在他pace.js 加载器完成后,我修改时间间隔的默认属性,但我想在这个加载器完成后显示另一个页面,我想一些速度脚本代码是必需的。请帮忙。

这是我的html

这是我的 CSS 代码