Я не могу обнаружить событие при изменении входного значения

Question

Он работает на странице статистики c, но мне не удалось запустить его на странице динамического c. Я добавляю, щелкнув в поле ввода, и все они имеют атрибут 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();
    });
});