無需任何事件即可添加功能

Question

如何將沒有任何事件的功能附加到small標籤元素上？基本上我希望函數在文檔準備就緒後立即調用。

帕格：

each value, index in user.submissions 
    small(data-end=value.endTime) Status 

的Javascript：

function() { 
    const element = $(this); 
    const endTime = element.data('end'); 
    const currentTime = new Date(); 
    if (Number(endTime) > Number(currentTime)) { 
     element.html('Running'); 
    } 
    else { 
     element.html('Closed'); 
    } 
}; 

我曾嘗試下面的代碼。但是，這會導致所有小標籤具有相同的文字。是否希望標籤根據其數據屬性值具有不同的文本。

$(document).ready(function(){ 
    function() { 
    const element = $('.small'); 
    const endTime = element.data('end'); 
    const currentTime = new Date(); 
    if (Number(endTime) > Number(currentTime)) { 
     element.html('Running'); 
    } 
    else { 
     element.html('Closed'); 
    } 
}; 

Answer 1

如果您希望在文件準備運行的功能，附加事件到DOMContentLoaded事件document對象：

document.addEventListener("DOMContentLoaded", function(event) { 
    … 
}); 

或者，如果你正在使用jQuery：

$(function() { 
    … 
});