问题标签 [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.
loader - 如何在速度加载器中添加“请稍候”文本消息
我正在使用 Pace 加载程序(http://github.hubspot.com/pace/docs/welcome/)并且我使用“flash”预加载主题。现在,我将小圆形预加载器放在屏幕的左侧。我还添加了一个带有一个名为“cover”的类的 div。此 div 覆盖所有页面,并在页面加载时以淡入淡出效果消失。一切都完美无缺。
现在,我想在循环预加载的右侧添加一条小短信,“加载中,请稍候...”,例如 ( see pic 1
)。
这是我的pace.css:
Colud有人帮助我达到这个目标吗?我试图操纵CSS,但没有。谢谢你回答我。
javascript - 使用 Pace.js 跟踪动态加载的脚本
我正在使用 pjax 独立和pace.js 来显示页面加载进度。一切运作良好。
但是,我有一个脚本在单击非常大的按钮后动态加载(houndify-web-sdk.min.js 700kb),并且还想显示此加载的进度。
目前正在像这样添加脚本:
是否有可能加快步伐来跟踪此负载?
我也尝试了下面的 Pace.track 函数,但没有任何运气。
任何帮助/建议将不胜感激!
javascript - Pace.js 使用下拉列表框
当我单击下拉列表框中的项目时,我们可以使用pace.js吗?这是可能的吗?
javascript - 如果 data-progress="50" 改变 data-progress-text
我的页面上有一个加载器,它的 html 如下所示:
我想写一个可以改变从
何时data-progress-text
到
的JS 。data-progress is 50
"Loading 50 / 100"
"Almost there!"
我不知道从哪里开始,任何帮助将不胜感激。
javascript - 如何使用 pace.js 跟踪 razor ajax 表单
我正在尝试学习如何将 pace.js 与我的 Razor ajax 表单一起使用。表单返回一个局部视图。根据他们的文档,不需要配置,因为它监视所有 ajax 请求(超过 500 毫秒)。我有以下ajax形式:
在myBeginFunction()
我添加Pace.restart()
不幸的是,加载栏与表单不同步,因为加载栏在表单完成提交之前很久就完成了。我有 2 个问题
- 我需要做些什么来让它跟踪 Razor ajax 表单吗?
- 如果我需要手动跟踪表格,我该怎么做?根据文档,我可以像这样跟踪
Pace.track(function(){ $.ajax(...)});
,但我不知道如何用剃须刀做到这一点。
webforms - 在 asp.net webform 中使用速度加载进度条
我在我的 asp.net 网络表单中使用以下代码来显示速度进度条。但它一直计数到 99% 然后停止。它适用于 html 页面,但不适用于 aspx 页面。有谁能够帮我?
javascript - 在 document.ready 函数部分使用 pace.js
我在页面的头部有这个来加载pace.js
带有加载栏动画的文件。
而且在体内
我怎样才能在
$(document).ready(function() {});
部分之后直接获得速度?是否可以只在
$.getScript
部分调用速度动画?
我搜索了很多,无法得到我的问题的明确答案。
更新
如果我把它Pace.start()
直接放在后面$(document).ready(function() {
但它只在 Chrome 和资源管理器中可用,有人知道为什么它在 Firefox 中不起作用吗?
只有在 Firefox 的控制台中,当我加载
jquery - 如何使用 Pace.JS 获取进度百分比
我正在使用 pace.js 加载我的网站。但我不想使用pace.js 主题。我想建立我的主题。
有没有办法让我用 jquery 取得进展?
我只知道这个功能:
angular - 带有 Pace-Progress 库的 Angular2,错误:未定义缓冲区
Pace 库(Pace-Progress 是它在 NPM 上的名称,因为 Pace 已被采用)在导入时抛出此错误。我正在使用 Angular2 和 Webpack。引发错误的代码行是
我有一个 NPM 提供的缓冲区库很好,但为什么 Pace 会期望我提前加载另一个库以使其工作?我可能做错了什么?