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() {
    …
});

无任何事件添加功能

1 个答案: