Javascript jquery自动完成程序不适用于动态添加的文本框
jQueryUIAutoCompleter正在为第一个文本框加载页面,但是在加载了更多具有相同类名的文本框之后,autocompleter就不工作了 有人能帮我吗Javascript jquery自动完成程序不适用于动态添加的文本框,javascript,jquery,Javascript,Jquery,jQueryUIAutoCompleter正在为第一个文本框加载页面,但是在加载了更多具有相同类名的文本框之后,autocompleter就不工作了 有人能帮我吗 $(document).ready( function(){ var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC" ]; $( ".lang" ).autocomple
$(document).ready(
function(){
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC"
];
$( ".lang" ).autocomplete({
source: availableTags
});
$('#addRow').click(
function() {
var curMaxInput = $('input:text').length;
$('#rows li:first')
.clone()
.insertAfter($('#rows li:last'))
.find('input:text:eq(0)')
.attr({'id': 'ans' + (curMaxInput + 1),
'value': '',
'name': 'ans' + (curMaxInput + 1)
})
.parent()
.find('input:text:eq(1)')
.attr({
'id': 'ans' + (curMaxInput + 2),'value': '',
'name': 'ans' + (curMaxInput + 2)
});
$('#removeRow')
.removeAttr('disabled');
if ($('#rows li').length >= 5) {
$('#addRow')
.attr('disabled',true);
}
return false;
});
$('#removeRow').click(
function() {
if ($('#rows li').length > 1) {
$('#rows li:last')
.remove();
}
if ($('#rows li').length <= 1) {
$('#removeRow')
.attr('disabled', true);
}
else if ($('#rows li').length < 5) {
$('#addRow')
.removeAttr('disabled');
}
return false;
});
});
$(文档)。准备好了吗(
函数(){
var availableTags=[
“动作脚本”,
“AppleScript”,
“Asp”,
“基本”
];
$(“.lang”).autocomplete({
资料来源:availableTags
});
$(“#添加行”)。单击(
函数(){
var curMaxInput=$('input:text')。长度;
$(“#行李:第一行”)
.clone()
.insertAfter($(“#行li:last”))
.find('输入:文本:等式(0)')
.attr({'id':'ans'+(curMaxInput+1),
“值”:“,
'name':'ans'+(curMaxInput+1)
})
.parent()
.find('输入:文本:等式(1)')
艾特先生({
'id':'ans'+(curMaxInput+2),'value':'',
'name':'ans'+(curMaxInput+2)
});
$(“#removeRow”)
.removeAttr(“禁用”);
如果($('#行li')。长度>=5){
$(“#添加行”)
.attr('disabled',true);
}
返回false;
});
$('#removeRow')。单击(
函数(){
如果($('#行li')。长度>1){
$(“#行李:最后一行”)
.remove();
}
如果($('#rows li').length添加新的.lang
元素时,您也不会将自动完成关联到它,因为绑定仅在文档就绪时进行
因此,我创建了一个类似这样的函数,然后在documentready中调用,但也在$(“#addRow”)中调用。单击:
function addAutocomplete() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC"];
$(".lang").autocomplete({
source: availableTags
});
}
addAutocomplete();
我修改了你的代码并创建了这个。希望对你有所帮助