更改文本数据正在进行文本装载

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"); 
    }); 
}); 

Answer 2

您可以使用原生的JavaScript

document.querySelector('.pace-progress').dataset.progressText = value; 

或相同与jQuery

$('.pace-progress').data('progressText').val(value); 

您也可以使用#attr()，但我认为最好使用专用方法。