问题标签 [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.
javascript - 如何将 Pace.js 附加到 DOM 中的自定义位置?
我正在使用 Pace.js ( http://github.hubspot.com/pace/ ) 作为基本加载程序。
到目前为止,它工作得很好,没有任何问题。但是,我想做的是将 Pace.js HTML 附加到我选择的元素中。
生成的 HTML 如下所示:
默认情况下,Pace.js 将自身附加在开始<body>
标记之后。有什么办法可以挂钩这个生成的 HTML 的去向吗?
javascript - 如果 data-progress="50" 改变 data-progress-text
我的页面上有一个加载器,它的 html 如下所示:
我想写一个可以改变从
何时data-progress-text
到
的JS 。data-progress is 50
"Loading 50 / 100"
"Almost there!"
我不知道从哪里开始,任何帮助将不胜感激。
javascript - 调用文件下载时使用pace.js
我想设置pace.js,以便在服务器上检索pdf文件时显示加载动画。但是pace.js 的默认配置并没有这样做:当我点击下载链接()时,我的浏览器显示它正在加载,但pace.js 没有出现。
我该如何配置它?
jquery - Pace.js 实现
我正在尝试设置pace.js。在上传和下载过程中显示进度条。最初设置 startOnPageLoad: false,因此在页面加载期间不会出现。单击下载或上传时,我正在调用 Pace.Restart()。加载栏出现了。但是加载动画在文件完全下载或上传之前完成。如何配置时间以使用 pace.js 显示进度条?
ajax - Pace 不适用于页面上的每个 ajax 调用
在我的页面中使用以下代码:
它仍然不适用于小型 ajax 请求。
jquery - Ajax 请求的 Pace.js(进度条)不起作用
在文档中,您通常不需要编写代码即可使用它。我在我的网站上添加了它,它在页面加载时运行良好。但是对于任何 ajax 请求,它都不起作用。我需要为 ajax 请求添加任何内容吗?
javascript - 在平滑状态链接上停止pacejs
当用户单击 Smoothstate 链接时,我正在尝试停止 pace.js 加载。
我想在事件中调用 Pace.stop 平滑滚动,使用忽略设置,但仍然触发事件。
好的。所以我找到了一个解决方案,它有点老套,但对于任何为此苦苦挣扎的人来说。我在 onStart 方法上为 smoothstate 添加了一个类,并且在 css 中将进度 div 设置为 display:none
Coffeescript 代码片段
javascript - 在页面导航上使用 pace.js 进度条
这是我想要实现的目标:在每个页面导航(不是 SPA)上显示进度条。所以我尝试了:
这在大多数情况下都可以正常工作。但有些如何它并不兼容每个浏览器。(它不适用于调用 Web 视图的 Mac 应用程序)。
所以我决定使用像pace.js这样的库。现在这个库在每个 Ajax 请求上都能正常工作,但它不符合我的要求。我还尝试设置速度选项,例如:
但它没有在页面导航上显示栏,(它只在加载新页面时显示栏,但我希望它在页面卸载时也显示)。所以我的问题是:有没有办法在导航页面时显示速度加载栏?
jquery - Pace.Js 帮助在加载程序完成时链接另一个页面
我有索引,但我想加载另一个页面,在他pace.js 加载器完成后,我修改时间间隔的默认属性,但我想在这个加载器完成后显示另一个页面,我想一些速度脚本代码是必需的。请帮忙。
这是我的html
这是我的 CSS 代码