В чем ошибка: нужно добавлять/убирать поля при нажатии по кнопкам?

Question

[mishapsv]

Залил код сюда (там не подключил форм стайлер, но это не влияет - поведение то же)

Т.е. нажатие "добавить" срабатывает, но только первый раз и новые "добавить" "удалить" не работают.
Помогите разобраться.

Answer 1

[Константин Б.]

Вот так нужно писать, если поля создаются скриптами

// Добавление/удаление полей загрузки файлов
$(document).on('click', '.form__input-add', function(){

		$('<div class="frm__lne form__line--input"><input class="form__input form__input--file" name="attach" type="file" id="attach-field"><a href="#" class="form__input-del">Удалить</a><a href="#" class="form__input-add">Добавить еще</a>').insertAfter('.form__line--input:last');
		$('input[type=file].form__input--file').each(function(){
			$(this).styler();
		});
		$('.form__input-add').each(function(i, item){
			if($('.form__input-add').length > 1){
				$(item).remove();
			}
		});
        return false;        
    });

	$(document).on('click', '.form__input-del',function () {
		if ($('.form__line--input').length == 1) {
			return false
		}
		$(this).parents('.form__line--input').remove();
		if(!$('.form__input-add').length){
			$('<a href="#" class="form__input-add">Добавить еще</a>').insertAfter('.form__input-del:last');
		}

		return false;
	});

Comments

[mishapsv]

Благодарю. Работает!