javascript - 将函数附加到动态创建的 DOM 元素

Question

目标:

附加具有功能的 DOM 元素。 (这里不希望有一个全局听众。)

问题:

我不知道如何在这种情况下引用新元素。问题区域是 .on 事件监听器以及对其中包含的 $(this) 的引用。此外，函数 get_value() 能够从内部再次调用自身。

相关代码:

var dom_element = (function() {
    // [...]
    var create = function create( data ) {
        // [...]
        return $('<div />', { 'class': 'element', id: data.i_id })
            // [...]
            .on('load', function get_value() {
                // [...]
                $(this).find('.value').text(s_value);
                // [...]
                setTimeout('get_value()', 5000);
            }());
    },
    // [...]
    return {
        create: create
    };
}());

Answer 1

load事件不适用于 <div>元素。

如果你想在div的内容时执行一些操作已更新，您应该在更新内容的代码中执行此操作。

var dom_element = (function() {
    // [...]
    var create = function create( data ) {
        // [...]
        var div =  $('<div />', { 'class': 'element', id: data.i_id })
            // [...]
        (function get_value(div) {
            // [...]
            $(div).find('.value').text(s_value);
            // [...]
            setTimeout(function() {
                get_value(div);
            }, 5000);
        })(div);

        return div;
    },
    // [...]
    return {
        create: create
    };
}());

我更新了代码来执行我认为您正在寻找的操作。