当输入值更改时，我检测不到事件

Question

它可以在静态页面上运行，但我不能在动态页面上运行它。我从输入框中单击添加，它们都有data-id属性。我需要用data-id捕获它，并将它写到另一个元素。

我的代码：

jQuery(document).ready(function() {
    rename_module_header()
    jQuery('#page-template [data-id]').on('input', function (e) {

    // This place doesn't work

        rename_module_header()
    })
})

function rename_module_header() {
    jQuery('#page-template [data-id]').each(function () {
        if (jQuery(this).attr('data-id') == 'title') {
            var title = jQuery(this).val()
            var module = jQuery(this).parents('.module')
            if (title != '') {
                var module_title = jQuery(module).find('.the-module-title')
                jQuery(module_title).text(title)
            } else {
                var title = jQuery(module).find('[data-title]').attr('data-title')
                jQuery(module).find('.the-module-title').text(title)
            }
        }
    })
}

Answer 1

按如下方式修改代码：

jQuery(document).ready(function() {
    rename_module_header();
    jQuery('body').on('input', '#page-template [data-id]', function(){
        rename_module_header();
    });
});