javascript - 加载后更改 data-progress-text 中的文本

Question

我有一个装载机:

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

当它达到 100 时，我想用新文本替换“Loading 100/100”。

我想我需要更改“data-progress-text”属性，我该怎么做？

我正在尝试这个功能，但它不起作用:

$(window).load(function() {
    Pace.on('done', function() {
        $('.pace.pace-inactive').innerHTML = 'YAY!';
    });
});

Answer 1

你可以这样做

$(window).load(function() {
    Pace.on('done', function() {
        $(".pace-progress").attr("data-progress-text", "new text");
    });
});