更改文本數據正在進行文本裝載

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()，但我認爲最好使用專用方法。