У меня возникла проблема с использованием автозаполнения jQuery с динамически создаваемыми входами (снова созданный с помощью jQuery). Я не могу получить автозаполнение для привязки к новым входам.
Автозаполнение
$("#description").autocomplete({
source: function(request, response) {
$.ajax({
url: "../../works_search",
dataType: "json",
type: "post",
data: {
maxRows: 15,
term: request.term
},
success: function(data) {
response($.map(data.works, function(item) {
return {
label: item.description,
value: item.description
}
}))
}
})
},
minLength: 2,
});
Новая строка таблицы со входами
var i = 1;
var $table = $("#works");
var $tableBody = $("tbody",$table);
$('a#add').click(function() {
var newtr = $('<tr class="jobs"><td><input type="text" name="item[' + i + '][quantity]" /></td><td><input type="text" id="description" name="item[' + i + '][works_description]" /></td></tr>');
$tableBody.append(newtr);
i++;
});
Я знаю, что проблема связана с тем, что контент создается после загрузки страницы, но я не могу понять, как обойти его. Я прочитал несколько связанных вопросов и наткнулся на jQuery живой метод, но я все еще в пробке!
Любые советы?