动态创建输入的jQuery自动完成
我在使用jQuery自动完成动态创建的输入时遇到了一个问题(同样是使用jQuery创建的)。我无法让autocomplete绑定到新输入 自动完成动态创建输入的jQuery自动完成,jquery,dynamic,input,append,jquery-autocomplete,Jquery,Dynamic,Input,Append,Jquery Autocomplete,我在使用jQuery自动完成动态创建的输入时遇到了一个问题(同样是使用jQuery创建的)。我无法让autocomplete绑定到新输入 自动完成 $("#description").autocomplete({ source: function(request, response) { $.ajax({ url: "../../works_search", dataType:
$("#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++;
});
var i=1;
var$表=$(“#工程”);
变量$tableBody=$($tbody,$table);
$('a#add')。单击(函数(){
var newtr=$('');
$tableBody.append(newtr);
i++;
});
我知道问题是由于页面加载后创建的内容造成的,但我不知道如何解决这个问题。我已经阅读了几个相关的问题,遇到了jquerylive方法,但我仍然陷入困境
有什么建议吗?首先,您需要存储
.autocomplete()
的选项,如:
var autocomp_opt={
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,
};
使用类
属性标记输入
更为简洁,如:
<input type="text" class="description" name="item[' + i + '][works_description]" />
我发现我需要在追加后添加自动完成,因此:
$tableBody.append(newtr);
$('.description', newtr).autocomplete(autocomp_opt);
$tableBody.append(newtr);
$('.description', newtr).autocomplete(autocomp_opt);