问题标签 [pace]

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 回答
1370 浏览

loader - 如何在速度加载器中添加“请稍候”文本消息

我正在使用 Pace 加载程序(http://github.hubspot.com/pace/docs/welcome/)并且我使用“flash”预加载主题。现在,我将小圆形预加载器放在屏幕的左侧。我还添加了一个带有一个名为“cover”的类的 div。此 div 覆盖所有页面,并在页面加载时以淡入淡出效果消失。一切都完美无缺。

现在,我想在循环预加载的右侧添加一条小短信,“加载中,请稍候...”,例如 ( see pic 1)。

这是我的pace.css:

Colud有人帮助我达到这个目标吗?我试图操纵CSS,但没有。谢谢你回答我。

0 投票
1 回答
1314 浏览

javascript - 使用 Pace.js 跟踪动态加载的脚本

我正在使用 pjax 独立和pace.js 来显示页面加载进度。一切运作良好。

但是,我有一个脚本在单击非常大的按钮后动态加载(houndify-web-sdk.min.js 700kb),并且还想显示此加载的进度。

目前正在像这样添加脚本:

是否有可能加快步伐来跟踪此负载?

我也尝试了下面的 Pace.track 函数,但没有任何运气。

任何帮助/建议将不胜感激!

0 投票
0 回答
45 浏览

javascript - Pace.js 使用下拉列表框

当我单击下拉列表框中的项目时,我们可以使用pace.js吗?这是可能的吗?

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 投票
3 回答
1127 浏览

javascript - 如何使用 pace.js 跟踪 razor ajax 表单

我正在尝试学习如何将 pace.js 与我的 Razor ajax 表单一起使用。表单返回一个局部视图。根据他们的文档,不需要配置,因为它监视所有 ajax 请求(超过 500 毫秒)。我有以下ajax形式:

myBeginFunction()我添加Pace.restart()

不幸的是,加载栏与表单不同步,因为加载栏在表单完成提交之前很久就完成了。我有 2 个问题

  1. 我需要做些什么来让它跟踪 Razor ajax 表单吗?
  2. 如果我需要手动跟踪表格,我该怎么做?根据文档,我可以像这样跟踪Pace.track(function(){ $.ajax(...)});,但我不知道如何用剃须刀做到这一点。
0 投票
0 回答
476 浏览

webforms - 在 asp.net webform 中使用速度加载进度条

我在我的 asp.net 网络表单中使用以下代码来显示速度进度条。但它一直计数到 99% 然后停止。它适用于 html 页面,但不适用于 aspx 页面。有谁能够帮我?

0 投票
1 回答
528 浏览

javascript - 在 document.ready 函数部分使用 pace.js

我在页面的头部有这个来加载pace.js带有加载栏动画的文件。

而且在体内

  1. 我怎样才能在$(document).ready(function() {});部分之后直接获得速度?

  2. 是否可以只在$.getScript部分调用速度动画?

我搜索了很多,无法得到我的问题的明确答案。

更新

如果我把它Pace.start()直接放在后面$(document).ready(function() {

但它只在 Chrome 和资源管理器中可用,有人知道为什么它在 Firefox 中不起作用吗?

只有在 Firefox 的控制台中,当我加载

0 投票
3 回答
979 浏览

jquery - 我可以使用速度而不是数据表的处理吗?

我想将PACE用于Datatable的 ajax 请求。因此,我将数据表的处理禁用为processing : false. 然后我需要使用PACE的处理栏来显示每个Datatable的 ajax 请求吗?

0 投票
2 回答
1537 浏览

jquery - 如何使用 Pace.JS 获取进度百分比

我正在使用 pace.js 加载我的网站。但我不想使用pace.js 主题。我想建立我的主题。

有没有办法让我用 jquery 取得进展?

我只知道这个功能:

0 投票
1 回答
1219 浏览

angular - 带有 Pace-Progress 库的 Angular2,错误:未定义缓冲区

Pace 库(Pace-Progress 是它在 NPM 上的名称,因为 Pace 已被采用)在导入时抛出此错误。我正在使用 Angular2 和 Webpack。引发错误的代码行是

我有一个 NPM 提供的缓冲区库很好,但为什么 Pace 会期望我提前加载另一个库以使其工作?我可能做错了什么?