イベントなしの関数の追加

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

ドキュメントの準備ができているときに、関数を実行したい場合は、documentオブジェクト上DOMContentLoadedイベントにイベントを添付：

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

それとも、あなたはjQueryのを使用している場合：

$(function() { 
    … 
});