Вопрос к знатокам Jquery:
есть такой скрипт
var MaxInputs = 30; //максимальное количство для добавления var Wrap = $("#video_fields"); //родительский элемент полей var AddButton = $("#INeedMore"); //Кнопка добавить поле var x = Wrap.length; //подсчет количества полей var FieldCount=1; //добавляем каждому полю + 1 $(AddButton).click(function (e) //функция добавления нового поля { if(x <= MaxInputs) //проверяем на максимальное кол-во { FieldCount++; //добавляем поле $(Wrap).append('<div><input class="video" style="width:90%" type="text" name="video[]" id="video_'+ FieldCount +'" onkeyup="this.value=this.value.replace(\' \',\'\')" value=""/><a href="#" class="removeclass">×</a></div>'); x++; //приращение текстового поля } return false; }); $("body").on("click",".removeclass", function(e){ //удаление поля if( x > 1 ) { $(this).parent('div').remove(); //удалить блок с полем x--; //уменьшаем номер текстового поля } return false; });
Вопрос заключается в том, что после добавления я пытаюсь сделать это
$('#video_fields input#video_'+FieldCount+'').on('blur',function(e){ alert("done"); }); $('#video_fields').blur();
Но это работает только для первого элемента. Для динамически добавленных нет. Почему?
P.S. js только изучать начал