gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 10:09:41 24 4
gpt4 key购买 nike

我将 Pace.js ( http://github.hubspot.com/pace/ ) 用于基本加载程序。

它运行良好,目前没有任何问题。但是,我想做的是将 Pace.js HTML 附加到我选择的元素中。

生成的 HTML 如下所示:

<div class="pace  pace-inactive">
<div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);">
<div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div>
</div>

默认情况下,Pace.js 将自己附加到开头 <body> 之后标签。有什么方法可以连接到生成的 HTML 的去向吗?

最佳答案

好吧,我想通了。它似乎是无证的。

在插件选项对象中,target 键有一个值。

默认选项如下:

defaultOptions = {
catchupTime: 500,
initialRate: .03,
minTime: 500,
ghostTime: 500,
maxProgressPerFrame: 10,
easeFactor: 1.25,
startOnPageLoad: true,
restartOnPushState: true,
restartOnRequestAfter: 500,
target: 'body',
elements: {
checkInterval: 100,
selectors: ['body']
},
eventLag: {
minSamples: 10,
sampleCount: 3,
lagThreshold: 3
},
ajax: {
trackMethods: ['GET'],
trackWebSockets: true,
ignoreURLs: []
}
};

在我的项目中,我使用的是 Browserify,所以我是这样实现的:

var pace = require('../plugins/pace');
pace.options.target = '#main';
pace.start();

这有效地覆盖了 Pace.js 使用的默认选项中的 target 键。

现在看起来工作正常。希望这可以帮助其他人。

关于javascript - 如何将 Pace.js 附加到 DOM 中的自定义位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35721106/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com