Bootstrap Maxlength с динамически генерируемыми текстовыми полями

Question

Надеюсь, что кто-то может помочь.

Я использую Bootstap Maxlength на textareas, которые динамически генерируются путем клонирования из шаблона. Счетчик шаблонов работает отлично (удивительный плагин, кстати !!!), потому что он изначально находится в html. Но когда он создает клон, элементы генерируются в DOM динамически, и поэтому плагин не работает, потому что, я думаю, он не распознает новые элементы как существующие. Я не очень хорошо знаком с jquery, поэтому не знал бы, как создать функцию, чтобы обойти это.

JQuery .on функция не работает. Я попробовал это, вызвав его в нижней части страницы, это на:

$(document).on('ready', function() { 
    $("textarea").characterCounter({ 
     limit: 120 
    }); 
}); 

Я довольно уверен, что это не sematically правильно, но я понятия не имею, как еще это сделать. Если у кого-нибудь есть какие-либо ответы, я буду навсегда в вашем долге :)

Спасибо!

Answer 1

Да, вы обряд! Вызов функции после того, как элементы генерируются в DOM динамически

При генерации текстового поля необходимо выполнить следующие действия

Шаг 1: Genereate текстовое поле путем клонирования, то

Шаг 2: Вызов функции $("textarea").characterCounter({limit: 120});

Пример:

function Clone(){ 
GenerateTextBoxes(); 
$("textarea").characterCounter({limit: 120}); 
}