Merhaba, jQuery ile ilgili bir sorunum var. Dinamik bir sayfa yapısı var. Buraya modüller ekleniyor. Modüllerin içindeki inputlardan data-id="title" olanını bulup modülün başlığına yazdırıyorum. Burada daha önceden var olan modüllerde sıkıntısız çalışıyor ancak yeni eklenmiş ve kaydedilmemiş bir modül olduğunda bunu çalıştıramıyorum. Sorun tam olarak şöyle:

https://youtu.be/GOQ0TlKZ-eg


jQuery kodum:

jQuery(document).ready(function() {
    rename_module_header()
    jQuery('#page-template .input-text').on('input', function (e) {
        rename_module_header()
    })
})

function rename_module_header() {
    jQuery('#page-template .input-text').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)
            }
        }
    })
}